HTML5,CSS3,javasript,网页制作,网页设计第8章使用JavaScript制作网页特效.ppt

HTML+CSS+JavaScript网页制作 机械工业出版社同名教材 配套电子教案 * * 8.1 JavaScript概述 8.2 在网页中调用JavaScript 8.3 案例：循环滚动的图文字幕——制作网页特效 8.4 案例：网站后台管理菜单——制作二级纵向列表导航菜单 8.5 实训：制作Flash幻灯片广告 第8章 使用JavaScript制作网页特效 Javascript是一种由Netscape公司的LiveScript发展而来的客户端脚本语言，Netscape公司最初将其脚本语言命名为LiveScript，在Netscape在与Sun合作之后将其改名为JavaScript。 目前流行的多数浏览器都支持JavaScript，如Netscape公司的Navigator 3.0以上版本，Microsoft公司的Internet Explorer 3.0以上版本。 JavaScript是一种行为脚本语言，用JavaScript可以创建出运行在多平台和浏览器上的交互行为和效果。 8.1 JavaScript概述 8.2.1 直接加入HTML文档 JavaScript的脚本程序包括在HTML中，使之成为HTML文档的一部分。其格式为： script language =JavaScript JavaScript语言代码; JavaScript语言代码; … /Script 【演示8-2-1】在HTML文档中嵌入JavaScript的脚本 。 8.2 在网页中调用JavaScript 8.2.2 引用脚本文件 如果已经存在一个脚本文件（以js为扩展名），则可以使用script标记的src属性引用外部脚本文件的URL。采用引用脚本文件的方式，可以提高程序代码的利用率。 其格式为： head … script type=text/javascript src=脚本文件名.js/script … /head 8.2 在网页中调用JavaScript 8.2.3 在HTML标签内添加脚本 可以在HTML表单的输入标记符内添加脚本，以响应输入的事件。 【演示8-2-2】在标记中添加JavaScript的脚本。 8.2 在网页中调用JavaScript 【案例展示】使用JavaScript制作花店鲜花循环滚动的图像字幕，滚动的图像支持超链接，并且鼠标指针移动到图像上时，画面静止；鼠标指针移出图像后，图像继续滚动，本例文件8-3.html在浏览器中的浏览效果如图8-5所示。 8.3 案例：循环滚动的图文字幕——制作网页特效 在网站的首页经常可以看到循环滚动的图文展示信息，来引起浏览者的注意，这种技术是通过滚动字幕技术实现的。 在网页中，制作滚动字幕使用marquee标签，其格式为： marquee direction=left|right|up|down behavior=scroll|side|alternate loop=i|-1|infinite hspace=m vspace=n scrollamount=i scrolldelay=j bgcolor=色彩 width=x|x% height=y 流动文字或（和）图片 /marquee 8.3 案例：循环滚动的图文字幕——制作网页特效 *