《动态网页特效》PPT课件

《《动态网页特效》PPT课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第四章动态网页特效本章要点4.1JavaScript应用4.1.1JavaScript简介4.1.2编写JavaScript程序4.1.3动态网页特效工具4.2行为4.2.1添加和编辑行为4.2.2预定义行为4.3时间轴4.3.1时间轴的应用4.3.2时间轴面板4.3.3时间轴使用4.3.4时间轴动画第4章动态网页两种动态网页：用服务器端动态页面技术（程序代码在服务器端运行），主要实现浏览者与服务器管理者之间的信息交互。用完全“客户端”技术（程序代码在客户端运行），，利用脚本语言（JavaScript或VBScript）、CSS等与HTML结合使静态的HTML网页变成动态

2、，主要是在网页中建立各种动态特效。4.1JavaScript应用4.1.1JavaScript简介JavaScript是一种基于对象（Object）和事件驱动（EventDriven）并具有安全性能的解释性的脚本语言。优点：简单小巧，适用于多数流行浏览器缺点：主要目的是为了扩展NetscapeNavigator功能，有些语法IE浏览器不能解释VBScript以VisualBasic语言为基础提供了编程的功能。优点：在服务器端，VBScript可以比其他脚本语言更紧密地同WindowsNT集成。缺点：Netscape公司的浏览器不支持VBScript，只能用于IE浏览器。4

3、.1.2编写JavaScript程序JavaScript及VBScript是通过嵌入在标准的HTML语言中使用的。Script块可放在与之间，也可以放在与之间。JavaScript块JavaScript脚本代码VBScript块VBScript脚本代码4.1.2编写JavaScript程序【例4-1】编写JavaScript脚本代码，在网页中加入动态的日期。

4、ad>现在时间是：today=newDate();functioninitArray(){this.length=initArray.arguments.lengthfor(vari=0;i

5、oday.getYear(),"年",today.getMonth()+1,"月",today.getDate(),"日",d[today.getDay()+1],"");4.1.2编写JavaScript程序【例4-2】使用外部*.js文件，在网页中插入可折叠的目录树。选择“插入”面板“HTML”选项卡下的脚本图标代码窗口：【例4-3】在

6、网页中插入一段VBScript程序，使背景图滚动。4.1.3动态网页特效工具【例4-3】使用外部*.js文件，在网页中插入可折叠的4.2行为的基础知识行为是事件和动作的组合。行为事件动作行为面板4.2行为的基础知识1．添加行为为对象附加行为：选中对象－>打开行为面板－>选动作，改参数－>默认事件出现，可修改事件及浏览器版本为时间线附加行为2．编辑行为修改参数：双击行为面板上的一个行为。删除行为：选中行为，点击减号框。修改行为顺序：选中行为，点击▼▲按钮。修改事件：点事件选择钮ShowEventFor改浏览器版本3．系统自带行为4.2.1常用事件介绍1．常用事件介绍（1）鼠

7、标类●onClick：鼠标单击时触发该事件。●onDblClick：鼠标双击时触发该事件。●onMouseDown：鼠标单击时触发该事件。●onMouseMove：鼠标在指定对象上移动时触发该事件。●onMouseOut：鼠标离开指定对象时触发该事件。●onMouseOver：鼠标刚开始指向指定对象时触发该事件。●onMouseUp：释放鼠标时触发该事件。4.2.1常用事件介绍（2）键盘类●onKeyDown：按下任意键时触发该事件。●onKeyPress：按下并释放任意键时触发该事件。●onKeyUp：按下键后释放时触发该事