资源描述：
《网页设计 (21)》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。
1、湖北职院计算机科学与技术系理论课教案—《网页设计》教学项目二十二JavaScript中图片特效网页设计【教学内容】讲解JavaScript中几种图片特效网页设计【教学目的】使学生学会设计网页的图片特效【教学重点】图片特效的处理思想【教学难点】理解图片特效的处理方法【教学方式】讨论式、案例分析式、练习式相结合【教学参考】1．<>杨浩著清华大学出版社2．<>Wittime工作室重庆出版社3．<>电脑报社出版4．<>人民邮电出
2、版社【教学过程】【新课】一、案例设计：通过不断刷新，六张图片可以交替出现分析：先复制1.jpg、2.jpg、3.jpg、4.jpg、5.jpg、6.jpg到站点主目录下，通过刷新获取当前时间的秒钟数的不同，显示不同的图片。程序代码如下：湖北职院计算机科学与技术系理论课教案—《网页设计》
vardt=newDate();varhr=dt.getSeconds();if(hr<=10){hr=1;}if((hr<=20)&&(hr>10)){hr=2;}if((hr<=303、)&&(hr>20)){hr=3;}if((hr<=40)&&(hr>30)){hr=7;}if((hr<=50)&&(hr>40)){hr=8;}if((hr<=60)&&(hr>50)){hr=9;}varmsg="";document.write(msg);一、案例设计：设计网页中的落叶效果。程序代码如下：湖北职院计算机科学与技术系理论课
4、教案—《网页设计》
