1、JavaScript动态效果应用,高二年级信息技术,客户端脚本语言,客户端脚本语言就是指可以直接对客户端进行编写并使页面发生动态变化的脚本语言，而JavaScript和VBScript就是我们最常用的客户端开发动态网页的脚本语言。,JavaScript应用要求,能读懂常见的JavaScript代码（如日期显示、下拉菜单、计数器、动态字幕、跟随鼠标的图片、跟随鼠标的滚动文本、标题栏里的闪烁效果等），并能根据需要，选择适当的JavaScript代码插入到当前网页的HTML代码中。,JavaScript使用格式,/javascript语句,JavaScript特效使用注意问题,1、首先确定版权问题。
2、并不是所有网上的代码都可以无偿使用，只有免费资源，才可以下载。2、判断是否要修改。在把一个JavaScript特效的源代码应用到自己的网页之前，先要判断它是否需要修改，一般说来像日期时间、鼠标特效、页面特效等是不需要修改的；但像菜单、文字等特效是要根据自身网页的特性和需要来进行修改的。3、确定插入位置和如何插入。一般来说，在我们下载的允许使用的源代码中，都会有如何插入的说明，我们只需按照其说明确定插入位置和方法就可以使用了。,JavaScript特效插入举例,将C:GATDoc鼠标跟随.txt文件中的代码放到网页index.htm中合适的位置，并修改代码，浏览时，在鼠标边上出现“欢迎光临4A风
3、景区！”鼠标跟随.txt文件中的内容如下所示：var x,yvar step=18var flag=0/ Your snappy message. Important: the space at the end of the sentence!var message=欢迎你的到来！message=message.split()var xpos=new Array(),JavaScript特效插入举例,1、分析txt文本文件：第一部分：插入在HEAD区域var x,yvar step=18var flag=0/ Your snappy message. Important: the space
4、at the end of the sentence!var message=欢迎你的到来！“message=message.split()var xpos=new Array()第二部分：插入在BODY标签中当属性：onload=makesnake(),JavaScript特效插入举例,2、分别将txt文件中的代码插入到index.htm文件中相应位置将第一部分插入到HEAD区域：var x,yvar step=18var flag=0/ Your snappy message.Important:the space at the end of the sentence!var messag
5、e=欢迎你的到来！“message=message.split()var xpos=new Array() 在BODY后添加onload=makesnake(),JavaScript特效插入举例,2、操作步骤：分别将txt文件中的代码插入到index.htm文件中相应位置将第一部分插入到HEAD区域：var x,yvar step=18var flag=0/ Your snappy message.Important:the space at the end of the sentence!var message=欢迎你的到来！“message=message.split()var xpos=
6、new Array() 在BODY后添加onload=makesnake()”找到代码中“欢迎你的到来！”，将其改为“欢迎光临4A风景区！” 预览网页验证,JavaScript动态效果应用单选题,1、下面哪个选项是客户端脚本语言（ ）A、FLASH5.0和INTERNET EXPLORERB、javascript和VBScriptC、Frontpage2000和Dreamweaver D、其他三项都是,B,JavaScript动态效果应用单选题,2、在HTML中嵌入JavaScript，应该使用的标记是（ ）A、B、C、D、,D,JavaScript动态效果应用单选题,3、在网页的源代码中有如
7、下四行：（ ）alert(welcome!)location.href=A、代码第2-3行是javascript代码B、代码第2-3行是vbscript代码C、代码第2-3行是css代码D、代码第4行可以省略,A,JavaScript动态效果应用综合分析题,1、张海帮某公司做一个该公司的商业网站，其中需要设计制作的大量网页和大量javascript特效，张海都直接在网上下载后做少量的编辑修改，对他这样的做法，下列恰当的描述是：（ ）A、特效没有版权，可以任意用B、网页作了少量的修改，也就可以直接用，不侵犯别人的版权C、对有版权的网页或特效应在获得授权之后方可使用于商业用途D、以上说法都不妥,C
8、,JavaScript动态效果应用操作题,1、打开网页C:GATDoc中的wyl1.HTM网页文件，进行编辑修改。（1）在网页区插入JAVAl1.txt文本文件中的Javascrip代码。（文本文件位置在“C:GATDoc”文件夹中）（2）将网页左方滚动字幕的滚动方向设为自右向左滚动。（3）将网页标题改为“共同的家园”。（4）将最终结果以wyl1.HTM文件名保存在C:GATDoc中。,JavaScript动态效果应用操作题,2、打开C:GATDoc中的wy7.HTM网页文件，进行编辑修改。（1）在网页区插入JAVA7.txt本文件中的Javascript代码。（本文文件位置在“C：GATDo
9、c”文件夹中）（2）将网页中的滚动字幕“欢迎光临本网站！”的滚动方向设为水平向右，字体颜色为“#FF0000”。（3）将网页标题改为“保护动物”（4）将最终结果以wy7.HTM文件名保存在C:GATDoc中,JavaScript动态效果应用操作题,3、编辑“C:GATDoc”文件夹下的login.htm并保存，完成下列操作：（1）给标题“欢迎您注册中国工艺网会员”设置字号为“6”（24磅），黑体，加粗，并居中。（2）仔细阅读HTML代码，并将“会员用户名：”的文字样式设置为al 。（3）将alert（”hello”）的javascript代码插入到HTML代码的BODY区域的第一行中。（4）将
10、最终结果以login.htm文件名保存在C:GATDoc中。,JavaScript动态效果应用操作题,4、打开“C:GATDOC”中的index网页并制作： （1）在A1位置插入图片kly.jpg，图片大小为宽度197，高度64。（图片位置在“C:GATDoc”文件夹中）（2）在A2位置添加flash动画top.swf，并设定大小为宽度80像素，高度320像素。（flash动画位置在“C:GATDoc”文件夹中）（3）将网页下端“关于我们”几个字超级链接到邮箱。（4）将C:GATDoc鼠标跟随.txt文件中的代码放到网页html中合适的位置，并修改代码，使浏览时，在鼠标边上出现“欢迎光临4A风景区！”（5）将最终结果以index.htm文件名保存在CGATDoc中。,
