JavaScript圖文詳細教程之Blendtrans濾鏡的運用_javascript

　　JavaScript里面可以是用濾鏡的功能，這樣就能實現圖片幻燈片的效果，下面小編給大家講解下Blendtrans濾鏡可以使圖片產生淡入淡出的幻燈效果。

JavaScript教程之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》

　　四、將下列代碼放到《body》里。

　　《body bgcolor=“#FFFFFF” text=“#000000” onload=“playImg（）”》

　　《img src=“0.jpg” width=“96” height=“120” name=“img” 》