{CSS}巧用CSS滤镜制作绚丽图片播放效果_div+css布局教程_H5之家

CSS中有revealTrans滤镜在网页中制作特效非常有用处。这次，我们预备介绍另一种使用revealTrans滤镜制作出超弦图片播放的效果。

　　实现思路：使用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、加入代码：

　　其中：各链接地址相对应<head>中插入的JS代码中的图片。

　　注重，页面地址必须与图片张数相对应。