当前位置:K88软件开发文章中心电脑基础基础应用13 → 文章内容

JavaScript教程之Blendtrans滤镜的使用

减小字体 增大字体 作者:华军  来源:华军资讯  发布时间:2019-2-1 22:54:46

 JavaScript教程之Blendtrans滤镜的使用  制作过程:  一、准备图片10张,文件名为0.jpg至9.jpg。  二、建立一个CSS样式作为图片边框。  《style》  body img{border:3 gold ridge}  《/style》  三、将下列代码放到《head》间。  《script language=“JavaScript”》《BR》  function ImgArray(len)《BR》  {《BR》   this.length=len;《BR》   }《BR》  ImgName=new ImgArray(10);《BR》  ImgName[0]=http://news.onlinedown.net/tutorial/“0.jpg”;《BR》  ImgName[1]=“18.jpg”;《BR》  ImgName[2]=“28.jpg”;《BR》ImgName[3]=“3.jpg”;《BR》  ImgName[4]=“4.jpg”;《BR》  ImgName[5]=“5.jpg”;《BR》ImgName[6]=“6.jpg”;《BR》  ImgName[7]=“7.jpg”;《BR》  ImgName[8]=“8.jpg”;《BR》ImgName[9]=“9.jpg”;《BR》  var t=0;《BR》  function playImg()《BR》  {《BR》if (t==9)《BR》   {t=0;}《BR》   else《BR》   {t++;}《BR》img.style.filter=“blendTrans(Duration=3)”;《BR》  img.filters[0].apply();《BR》  img.src=ImgName[t];《BR》  img.filters[0].play();《BR》  mytimeout=setTimeout(“playImg()”,5000);《BR》   }《BR》《/script》《BR》  四、将下列代码放到《body》里。  《body bgcolor=“#FFFFFF” text=“#000000” onload=“playImg()”》  《img src=http://news.onlinedown.net/tutorial/“0.jpg” width=“96” height=“120” name=“img” 》

JavaScript教程之Blendtrans滤镜的使用