学习目标,能够在标题栏设置动态效果 能够在状态栏设置动态效果 能够制作出“设为首页”和“添加到收藏夹”的功能 能够在网页中显示获取的系统时间和日期,本章内容,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）在与之间插入JavaScript脚本。例如案例制作中设置动态状态栏和背景音乐的脚本代码的插入。 （2）在标签中插入JavaScript脚本。例如在页面中右键单击状态栏标签选择器中的body标记，在弹出菜单中选择“快速标签选择器”，弹出修改窗口，在body标记中输入脚本即可。 （3）在与之间插入JavaScript脚本。例如实例中的设为首页、添加到收藏等特效代码的插入。,11.2 新知解析,11.2.3 常见的Script脚本脚本特效 1.设为首页 为了方便用户浏览，提高工作效率，有些网站或网页需要打开浏览器时就打开。要实现这一功能，可以在网页中添加“设为首页”。通过以下代码来实现。 设为首页 该代码是将“天鹅大观”网站的首页设为主页，其中，STYLE1是网页中创建的样式。,11.2 新知解析,2.添加到收藏夹 有些网站是用户需要经常浏览的，为了方便用户浏览网站和记下网址，常在网页中设置“添加到收藏夹”功能来实现。代码如下： 添加到收藏夹 该代码是将网址http:/www.tianedaguan.com，标题为“天鹅大观”的网站的首页添加到收藏夹中。其中，STYLE1是网页中创建的样式。,11.2 新知解析,3.标题栏与状态栏走马灯效果 标题栏走马灯效果的代码如下： 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()。 如果代码中document.title改为window.status那么就是在状态栏添加走马灯效果。上述代码可以放在标签内。,11.2 新知解析,4.获取显示当前系统时间和日期 为了方便用户查看当前日期与时间，在状态栏显示当前日期与时间，可以在网页中标签内输入如下代码。 ,11.2 新知解析,if(today.getDay()=3) /如果为3，则为week_day赋值“星期三”。 week_day=“星期三“ if(today.getDay()=4) /如果为4，则为week_day赋值“星期四”。 week_day=“星期四“ if(today.getDay()=5) /如果为5，则为week_day赋值“星期五”。 week_day=“星期五“ if(today.getDay()=6) /如果为6，则为week_day赋值“星期六”。 week_day=“星期六“ date=(today.getYear()+“年“+(today.getMonth()+1)+“月“+today.getDate()+“日 “; /getYear()获取年份，getMonth()获取月份，getDate()获取日期 h=today.getHours() /getHours()获取时； m=today.getMinutes() /getMinutes()获取分； s=today.getSeconds() /getSeconds()获取秒； if (h=9) /如果时小于9，则小时前补0； h=“0“+h if (m=9) /如果分小于9，则分前补0； m=“0“+m if (s=9) /如果秒小于9，则秒前补0； s=“0“+s time=h+“:“+m+“:“+s,11.2 新知解析,/将变量h（时）的值、变量m（分）的值、s变量（秒）的值赋 /给变量time； window.status=“当前时间：“+date+week_day+“ “+time /输出日期与时间； setTimeout(“shijian()“,1000) shijian() /调用shijian()函数； / 如果要在网页中显示时间可以将window.status=“当前时间：“+date+week_day+“ “+time和setTimeout(“shijian()“,1000)这两行代码换为document.write(“+“当前时间“+date+week_day+“ “+time+“)，在相应的位置输入上述代码即可。其中style1为网页中创建的样式。,11.3 实战演练：为“天鹅之家-首页”添加动态代码,通过本案例的操作，你将学会如何在网页中制作设为首页和将网页添加到收藏夹、如何获取与显示当前系统的日期与时间和如何为网页添加背景音乐。,