在html中实现图片幻灯片,巧使网页图片实现“幻灯片”显示效果

您可能感兴趣的话题：

JavaScript

核心提示：Blendtrans滤镜可以使图片产生淡入淡出的幻灯效果

Blendtrans滤镜可以使图片产生淡入淡出的幻灯效果

制作过程：

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

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

body img{border:3 gold ridge}

三、将下列代码放到

间。

[code]　　

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);

}

[/code][button value="复制代码"]

四、将下列代码放到

里。

[code]

[/code][button value="复制代码"]