教学项目二十二 Javascript中图片特效网页设计 基本内容】 讲解 Javascript中几种图片特效网页设计 教学要求】 学会设计网页的图片特效 案例设计: 通过不断刷新,网页中六张图片可以交替出现
教学项目二十二 JavaScript中图片特效网页设计 【基本内容】 讲解JavaScript中几种图片特效网页设计 【教学要求】 学会设计网页的图片特效 一、案例设计： 通过不断刷新，网页中六张图片可以交替出现
00F醇色⊙,金 06群脚色分,·當 加M扩 5D工: 0a0棵色合· 0=00meu仓⊙2· i4hahgnci
分析: 先复制jpg、2jp、3jpg、4jpg、5jpg、6jp到站点主 目录下,通过刷新获取当前时间的秒钟数的不同,显示不同的 图片。 程序代码如下:
分析： 先复制1.jpg 、 2.jpg、 3.jpg、 4.jpg、 5.jpg、 6.jpg到站点主 目录下，通过刷新获取当前时间的秒钟数的不同，显示不同的 图片。 程序代码如下：
<html> if(hr<=60)&&(hr>50)) body> hr=9} <script language="JavaScript"> var msg="<IMG SRC="+hr+"pg>. var dt= new DateD document. write(msg); var hr dt. getSecondsO </script> if(hr<=10) /body> hr=1;} html> if(hr<=20)&&(hr>10) hr=2;} if(hr<=30)&&(hr>20) hr=3;} if(hr<=40)&&(hr>30) hr=7;} if(hr<=50)&&(hr>40) hr=8;}
<html> <body> <script language="JavaScript"> var dt = new Date(); var hr = dt.getSeconds(); if (hr<=10) { hr=1;} if((hr<=20)&&(hr>10)) { hr=2;} if ((hr<=30)&&(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;} var msg="<IMG SRC="+hr+".jpg>"; document.write(msg); </script> </body> </html>
二、案例设计 设计网页中的落叶效果 G:\网页设计教案\1Ek002,ht一夏 crosoft Internet Exp1ox 四回网 文件)编辑〔)查看收藏)工具)帮助Q 3份因回的户搬次收媒体,是,回過 地址@包6网页设计教案31j0hm 囝转到链接” 网页设计在线教程 HTML FRONTPAGE Dreamweaver Fireworks Photoshop COPYRIGH@2003北职院计科系学生网 Mailto:xgzy1jj@163.net □完毕 bIjie 色2记事本
二、案例设计： 设计网页中的落叶效果