登录
注册
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]="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>
kingTeaching
李毅
张复杰
江子龙
六平居士
内部课
公开课