实战Dreamweaver8网页制作教程 刘天真 第11章 常见动态特效的制作新.pptVIP

11.* 第11章　常见动态特效的制作 在线教务辅导网： 更多课程配套课件资源请访问在线教务辅导网 学习目标 能够在标题栏设置动态效果 能够在状态栏设置动态效果 能够制作出“设为首页”和“添加到收藏夹”的功能 能够在网页中显示获取的系统时间和日期 本章内容 11.1　案例制作：为网页“车行天下”制作动态效果 11.2 新知解析 11.3　实战演练：为“天鹅之家-首页”添加动态代码 11.1　案例制作：为网页“车行天下”制作动态效果 　　通过本案例的操作，你将学会如何在网页中制作设为首页、如何设置动态标题栏、如何为网页添加背景音乐。 11.2 新知解析 11.2.1 什么是脚本 Script脚本语言是一种在互联网上广为传播、使用的特效程序语言，是一种不需要编译的语言。网页用的Script分JavaScript和VBScript两种。JavaScript自身具有高效代码和开放性，基于客户端浏览器，具有简单性、动态性、跨平台性、节省CGI的交互时间等特点，得到了广泛应用。 11.2 新知解析 11.2.2 Script脚本的插入与应用 1）在head与/head之间插入JavaScript脚本。例如案例制作中设置动态状态栏和背景音乐的脚本代码的插入。 （2）在body标签中插入JavaScript脚本。例如在页面中右键单击状态栏标签选择器中的〈body〉标记，在弹出菜单中选择“快速标签选择器”，弹出修改窗口，在〈body〉标记中输入脚本即可。 （3）在body与/body之间插入JavaScript脚本。例如实例中的设为首页、添加到收藏等特效代码的插入。 11.2 新知解析 11.2.3 常见的Script脚本脚本特效 1.设为首页 　　为了方便用户浏览，提高工作效率，有些网站或网页需要打开浏览器时就打开。要实现这一功能，可以在网页中添加“设为首页”。通过以下代码来实现。 a href=# class=STYLE1span onClick=varstrhref=window.location.href; this.style.behavior=url(#default#homepage);this.sethomepage(天鹅大观); style=CURSOR:hand设为首页/span/a 　　该代码是将“天鹅大观”网站的首页设为主页，其中，STYLE1是网页中创建的样式。 11.2 新知解析 2.添加到收藏夹 　　有些网站是用户需要经常浏览的，为了方便用户浏览网站和记下网址，常在网页中设置“添加到收藏夹”功能来实现。代码如下： a href=javascript:window.external.addfavorite(,天鹅大观) class=STYLE1添加到收藏夹/a 　　该代码是将网址，标题为“天鹅大观”的网站的首页添加到收藏夹中。其中，STYLE1是网页中创建的样式。 11.2 新知解析 3.标题栏与状态栏走马灯效果 标题栏走马灯效果的代码如下： 　　SCRIPT language=JavaScript 　　a=::::::::欢迎来到天鹅大观网站!::::::::　 　　//为变量a赋值.。 　　function bb() //定义函数bb（） 　　{ 　　a=a+a.substring(0,1)　　 //将变量a与从变量a中取出的字符串相连，并赋给变量a， 　　//其中，a.substring(0,1)表示从变量a中取字符串，从第0个 　　//字符开始取1个字符。 　　a=a.substring(1,a.length) //从字符串变量a中取字符串，从第1开始取，共取a.length个， 　　//其中，a.length表示字符变量a的长度。 　　document.title=a //将变量a赋给标题栏变量。 　　setTimeout(bb(),500)　 //每隔500毫秒刷新一次函数bb()。 　　} 　　bb() //调用函数bb()。 　　/script 　　如果代码中document.title改为window.status那么就是在状态栏添加走马灯效果。上述代码可以放在head/head标签内。 11.2 新知解析 4.获取显示当前系统时间和日期 为了方便用户查看当前日期与时间，在状态栏显示当前日期与时间，可以在网页中head/head标签内输入如下代码。 SCRIPT language=JavaScript !-- function shijian() //定义shijian()函数 { today=new Date(); //创建当前日期对象today var