正在加载图片...
网页设计第15周星期五第5、6节 课题动态图片效果 教学目标|1、掌握 JavaScript脚本的应用:2、网页中图片的动态效果 教学重点 JavaScript脚本的应用 教学难点| JavaScript脚本的应用 复习:1、利用层制作下拉菜单 2、回忆“深圳先进技术研究院”首页制作过程 讲授新课: 动态图片效果 1、制作前准备 1)站点及站点文件夹创建 2)拷贝4幅JPG/JPEG图片到站点文件夹下的 IMAGES子文件夹下面 3)在Dw204编辑状态下新建一文档,然后切换到“代码视图下 2、代码:4)在<body></body>标签内输入如下代码 动态切换图片.txt-记事本 回 文件①)编辑)格式)查看⑩帮助⑩ 教 <script language="javascript"> var tp new Array (; var lady=0; tp[o]"images0161. jpg" tp[1]=images/0162.jpg tp[2]images/0163.jpg 学 tp[3]=images/5164.]pg var map-new Array() ap[i] Function seto) Kif(document all) 过 r filters. revealTrans Transition=Math floor(Math. random(*23) rfilters. revealTransapply (): >> function cc( rfilters. revealTrans play ()y function Ad() kif (lady<tp length-1)lady++; 程 else lady=6; documentimages.rsrc=tp[lady] CCO: theImer=setTimeout(Ad("4000):) document.write(' <img style="filter:revealTrans (duration=2, transition=20) height=306 width=466 javascript: Ad() </script> 4)在代码中将tp[0-3]中的图片路径进行更改,换成在第三步中拷入的四幅图片 5)保存浏览,完成动态效果的操作。 上机练习 、小结、练习网页设计 第 15 周 星期五 第 5、6 节 课 题 动态图片效果 教学目标 1、掌握 JavaScript 脚本的应用；2、网页中图片的动态效果 教学重点 JavaScript 脚本的应用 教学难点 JavaScript 脚本的应用 教 学 过 程 复习：1、利用层制作下拉菜单； 2、回忆“深圳先进技术研究院”首页制作过程 讲授新课： 一、动态图片效果 1、制作前准备 1） 站点及站点文件夹创建； 2） 拷贝 4 幅 JPG/JPEG 图片到站点文件夹下的 IMAGES 子文件夹下面； 3） 在 DW2004 编辑状态下新建一文档，然后切换到“代码视图下”。 2、代码：4）在<body></body>标签内输入如下代码 4） 在代码中将 tp[0-3]中的图片路径进行更改，换成在第三步中拷入的四幅图片； 5） 保存浏览，完成动态效果的操作。 二、上机练习 三、小结、练习