第九章制作特效网页

1、 网页特效网页特效 （一）课程引导（一）课程引导 在网页中添加一些恰当的特效，使页面具有一定的在网页中添加一些恰当的特效，使页面具有一定的交互性、动态效果，能吸引浏览者的眼球，提高页面的交互性、动态效果，能吸引浏览者的眼球，提高页面的观赏性、趣味性。观赏性、趣味性。（二）明确知识技能目标（二）明确知识技能目标1 1、学会使用行为制作特效的操作方法。、学会使用行为制作特效的操作方法。2 2、学会使用时间轴制作特效的操作方法。、学会使用时间轴制作特效的操作方法。3 3、学会利用、学会利用CSSCSS制作特效的操作方法。制作特效的操作方法。4 4、了解用、了解用JSJS代码做特效的操作方法。代码做特

2、效的操作方法。带有动感特效的网页。（三）浏览实例效果（三）浏览实例效果JS介绍 JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。（四四）知识讲解与操作示范（）知识讲解与操作示范（2 2）行为是指设计者能够运用的制作网页动感效果的行为是指设计者能够运用的制作网页动感效果的javascript功能，并将其放置在网页中，以允许浏览器和网页本身进行功能，并将其放置在网页中，以允许浏

3、览器和网页本身进行交互，从而以交互，从而以 多种方式更改网页或引起某些任务的执行。多种方式更改网页或引起某些任务的执行。行为是事件和由该事件触发的动作的组合体。一般行为都是行为是事件和由该事件触发的动作的组合体。一般行为都是要由事件来激活动作。实际上，动作是由预先写好的能够执要由事件来激活动作。实际上，动作是由预先写好的能够执行某种任务的行某种任务的javascript代码，而事件是与浏览器前用户的代码，而事件是与浏览器前用户的操作相关，如单击鼠标、鼠标指向等。操作相关，如单击鼠标、鼠标指向等。使用行为的执行过程使用行为的执行过程:首先要选择运用行为的对象，其次决首先要选择运用行为的对象，其次

4、决定要发生的动作，然后设置动作在何种情况下发生，即事件。定要发生的动作，然后设置动作在何种情况下发生，即事件。（四四）知识讲解与操作示范（）知识讲解与操作示范（2 2）1 1、使用、使用“显示和隐藏层显示和隐藏层”行为制作导航栏的下拉式弹出菜单。行为制作导航栏的下拉式弹出菜单。2 2、使用、使用“显示弹出菜单显示弹出菜单”行为制作导航栏的弹出菜单。行为制作导航栏的弹出菜单。3 3、使用、使用marqueemarquee标签和标签和CSSCSS光晕滤镜制作带有光晕的跑马灯文字特效。光晕滤镜制作带有光晕的跑马灯文字特效。4 4、使用、使用bgsoundbgsound标签制作网页载人时就开始播放的背

5、景音乐。标签制作网页载人时就开始播放的背景音乐。5 5、使用、使用“设置状态栏文本设置状态栏文本”行为制作状态栏中静止的文本。行为制作状态栏中静止的文本。6 6、使用、使用CSSCSS光晕滤镜和光晕滤镜和“交换图像交换图像”行为制作带有光晕的图像轮换行为制作带有光晕的图像轮换特效。特效。7 7、使用时间轴和、使用时间轴和“播放或停止播放或停止”时间轴行为制作飘移特效。时间轴行为制作飘移特效。8 8、使用、使用“弹出信息弹出信息”行为制作网页窗口关闭时的弹出信息窗口。行为制作网页窗口关闭时的弹出信息窗口。（四）（四）知识讲解与操作示范知识讲解与操作示范9 9、粘贴、粘贴javascriptjav

6、ascript代码，制作不间断滚动图片特效代码，制作不间断滚动图片特效。1010、粘贴、粘贴javascriptjavascript代码和复制代码和复制swfswf动画文件，制作轮换图片特效动画文件，制作轮换图片特效。1111、粘贴、粘贴javascriptjavascript代码，制作状态栏文本滚动特效代码，制作状态栏文本滚动特效。（五）归纳总结（五）归纳总结 本章介绍了多种网页特效的制作方法，利用行为制本章介绍了多种网页特效的制作方法，利用行为制作特效比较简便，应该重点掌握，其他几种特效制作作特效比较简便，应该重点掌握，其他几种特效制作方法一般了解。方法一般了解。(六六) 实训内容实训内容 在自己的个人网站中添加以下网页特效：在自己的个人网站中添加以下网页特效：（1 1）导航栏的下拉菜单。）导航栏的下拉菜单。（2 2）漂浮的图片。）漂浮的图片。（3 3）在状态栏中从右往左滚动文字。）在状态栏