文档介绍:JavaScript
动态效果应用
高二年级信息技术
客户端脚本语言
客户端脚本语言就是指可以直接对客户端进行编写并使页面发生动态变化的脚本语言,而JavaScript和VBScript就是我们最常用的客户端开发动态网页的脚本语言。
JavaScript应用要求
能读懂常见的JavaScript代码(如日期显示、下拉菜单、计数器、动态字幕、跟随鼠标的图片、跟随鼠标的滚动文本、标题栏里的闪烁效果等),并能根据需要,选择适当的JavaScript代码插入到当前网页的HTML代码中。
JavaScript使用格式
<script language=”javascript”>
//javascript语句
</script>
JavaScript特效使用注意问题
1、首先确定版权问题。并不是所有网上的代码都可以无偿使用,只有免费资源,才可以下载。
2、判断是否要修改。在把一个JavaScript特效的源代码应用到自己的网页之前,先要判断它是否需要修改,一般说来像日期时间、鼠标特效、页面特效等是不需要修改的;但像菜单、文字等特效是要根据自身网页的特性和需要来进行修改的。
3、确定插入位置和如何插入。一般来说,在我们下载的允许使用的源代码中,都会有如何插入的说明,我们只需按照其说明确定插入位置和方法就可以使用了。
JavaScript特效插入举例
将C:\GATDoc\,并修改代码,浏览时,在鼠标边上出现“欢迎光临4A风景区!”
:
var x,y
var step=18
var flag=0
// Your snappy message. Important: the space at the end of the sentence!!!
var message="欢迎你的到来!"
message=("")
var xpos=new Array()
……
<body onload="makesnake()">
JavaScript特效插入举例
1、分析txt文本文件:
第一部分:插入在HEAD区域var x,yvar step=18var flag=0// Your snappy message. Important: the space at the end of the sentence!!!var message="欢迎你的到来!“message=("")var xpos=new Array()……
第二部分:插入在BODY标签中当属性:
onload="makesnake()"
JavaScript特效插入举例
2、
将第一部分插入到HEAD区域:
<script language=”javascript”>var x,yvar step=18var flag=0// Your snappy :the space at the end of the sentence!!!var message="欢迎你的到来!“message=("")var xpos=new Array() ……</script>
在BODY后添加onload="makesnake()"
JavaScript特效插入举例
2、操作步骤:
将第一部分插入到HEAD区域:
<script language=”javascript”>var x,yvar step=18var flag=0// Your snappy :the space at the end of the sentence!!!var message="欢迎你的到来!“message=("")var xpos=new Array() ……</script>
在BODY后添加onload="makesnake()”
找到代码中“欢迎你的到来!”,将其改为“欢迎光临4A风景区!”
预览网页验证
JavaScript动态效果应用单选题
1、下面哪个选项是客户端脚本语言( )
A、FLASH5. EXPLORER
B、javascript和VBScript
C、Frontpage2000和Dreamweaver
D、其他三项都是
B