【网页设计课件】JavaScript中图片特效网页设计.pptVIP

* 教学项目二十二 JavaScript中图片特效网页设计 【基本内容】 讲解JavaScript中几种图片特效网页设计 【教学要求】 学会设计网页的图片特效 一、案例设计： 通过不断刷新，网页中六张图片可以交替出现 分析： 先复制1.jpg 、 2.jpg、 3.jpg、 4.jpg、 5.jpg、 6.jpg到站点主目录下，通过刷新获取当前时间的秒钟数的不同，显示不同的图片。 程序代码如下： html body script language=JavaScript var dt = new Date(); var hr = dt.getSeconds(); if (hr=10) { hr=1;} if((hr=20)(hr10)) { hr=2;} if ((hr=30)(hr20)) { hr=3;} if ((hr=40)(hr30)) { hr=7;} if ((hr=50)(hr40)) { hr=8;} if ((hr=60)(hr50)) { hr=9;} var msg=IMG SRC=+hr+.jpg; document.write(msg); /script /body /html 二、案例设计： 设计网页中的落叶效果 程序代码如下： html head meta http-equiv=Content-Lang