27-网页特效制作.pptVIP

(六) 实训内容 在自己的个人网站中添加以下网页特效： （1）导航栏的下拉菜单。 （2）漂浮的图片。 （3）在状态栏中从右往左滚动文字。 （4）图片跟着鼠标指针移动。（用Js代码实现） （5）单击或者指向小图片，显示大图片的效果。 Sichuan College of Chemical Technology 主讲人：四川化工职业技术学院　姜波 第13单元 网页特效 （一）课程引导 　　 在网页中添加一些恰当的特效，使页面具有一定的交互性、动态效果，能吸引浏览者的眼球，提高页面的观赏性、趣味性。 （二）明确知识技能目标 1、学会使用行为制作特效的操作方法。 2、学会使用时间轴制作特效的操作方法。 3、学会利用CSS制作特效的操作方法。 4、了解用JS代码做特效的操作方法。 带有动感特效的网页。 （三）浏览实例效果 （三）浏览实例效果 带有动感特效的网页。 （四）知识讲解与操作示范（2） 行为是指设计者能够运用的制作网页动感效果的javascript功能，并将其放置在网页中，以允许浏览器和网页本身进行交互，从而以 多种方式更改网页或引起某些任务的执行。 行为是事件和由该事件触发的动作的组合体。一般行为都是要由事件来激活动作。实际上，动作是由预先写好的能够执行某种任务的javascript代码，而事件是与浏览器前用户的操作相关，如单击鼠标、鼠标指向等。 使用行为的执行过程:首先要选择运用行为的对象，其次决定要发生的动作，然后设置动作在何种情况下发生，即事件。 （四）知识讲解与操作示范（2） 1、使用“显示和隐藏层”行为制作导航栏的下拉式弹出菜单。 2、使用“显示弹出菜单”行为制作导航栏的弹出菜单。 3、使用marquee标签和CSS光晕滤镜制作带有光晕的跑马灯文字特效。 4、使用bgsound标签制作网页载人时就开始播放的背景音乐。 5、使用“设置状态栏文本”行为制作状态栏中静止的文本。 6、使用CSS光晕滤镜和“交换图像”行为制作带有光晕的图像轮换特效。 7、使用时间轴和“播放或停止”时间轴行为制作飘移特效。 8、使用“弹出信息”行为制作网页窗口关闭时的弹出信息窗口。 （四）知识讲解与操作示范 9、粘贴javascript代码，制作不间断滚动图片特效。 10、粘贴javascript代码和复制swf动画文件，制作轮换图片特效。 11、粘贴javascript代码，制作状态栏文本滚动特效。 （五）归纳总结 　　 本章介绍了多种网页特效的制作方法，利用行为制作特效比较简便，应该重点掌握，其他几种特效制作方法一般了解。