网学网为需要Javascript的朋友们搜集整理了巧使网页图片实现“幻灯片”显示效果相关资料,希望对各位网友有所帮助!
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>