美国全部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" >