巧用CSS濾鏡制作絢麗圖片播放效果_CSS教程

教程Tag：暫無Tag,歡迎添加,賺取U幣!

CSS中有revealTrans濾鏡在網頁中制作特效非常有用處。這次，我們預備介紹另一種使用revealTrans濾鏡制作出超弦圖片播放的效果。

　　實現(xiàn)思路：使用revealTrans濾鏡制作出超弦圖片播放的效果，并每張圖片有各自的鏈接地址。

　　制作方法：

　　1、在<head>中插入JS代碼：

<SCRIPT language=JavaScript1.2>
function reapply(){
setTimeout("slideit()",800)
return true
}
window.onerror=reapply
</SCRIPT>
<SCRIPT language=JavaScript1.1>

</SCRIPT>

　　其中：images/圖片地址為顯示圖片的路徑，可按實際情況修改。

　　2、在<body>中插入代碼：onload=slideit()

　　3、在頁面中插入圖片。

并在圖片<img>中插入：style="FILTER: revealTrans(Duration=2, Transition=23)"，并命名為：name=slide
　　完整代碼：<img src=連接地址"images/圖片地址" width="120" height="90" border="0" style="FILTER: revealTrans(Duration=2, Transition=23)" name=slide>

　　4、給圖片加超鏈接：<a href="JavaScript:slidelink()">

　　5、加入代碼：