美国全部av网站:巧使网页图片实现幻灯效果(图)

来源:百度文库 编辑:偶看新闻 时间:2024/04/28 20:27:38

blendtrans滤镜可以使图片产生淡入淡出的幻灯效果,如下:

制作过程:

一、准备图片10张,文件名为0.jpg至9.jpg


 

二、建立一个CSS样式作为图片边框

代码:

< style>
  body img{border:3 gold ridge}
  < /style>

三、将下列代码放到< head>间

代码:

< script language="JavaScript">
  function ImgArray(len)
  {
   this.length=len;
   }
  ImgName=new ImgArray(10);
  ImgName[0]="0.jpg";
  ImgName[1]="18.jpg";
  ImgName[2]="28.jpg";
ImgName[3]="3.jpg";
  ImgName[4]="4.jpg";
  ImgName[5]="5.jpg";
ImgName[6]="6.jpg";
  ImgName[7]="7.jpg";
  ImgName[8]="8.jpg";
ImgName[9]="9.jpg";
  var t=0;
  function playImg()
  {
if (t==9)
   {t=0;}
   else
   {t++;}
img.style.filter="blendTrans(Duration=3)";
  img.filters[0].apply();
  img.src=ImgName[t];
  img.filters[0].play();
  mytimeout=setTimeout("playImg()",5000);
   }
< /script>

四、将下列代码放到< body>里

< body bgcolor="#FFFFFF" text="#000000" onload="playImg()">
  < img src="0.jpg" width="96" height="120" name="img" >