快捷搜索:

巧用CSS滤镜制作绚丽图片播放效果-CSS教程

CSS中有revealTrans滤镜在网页中制作殊效异常有用场。此次,我们预备先容另一种应用revealTrans滤镜制作出超弦图片播放的效果。

实现思路:应用revealTrans滤镜制作出超弦图片播放的效果,并每张图片有各自的链接地址。

制作措施:

1、在中插入JS代码:

function reapply(){

setTimeout("slideit()",800)

return true

}

window.onerror=reapply

此中:images/图片地址为显示图片的路径,可按实际环境改动。

2、在中插入代码:onload=slideit()

3、在页面中插入图片。

并在图片中插入:style="FILTER: revealTrans(Duration=2, Transition=23)",并命名为:name=slide

完备代码:

4、给图片加超链接:

5、加入代码:

此中:各链接地址相对应中插入的JS代码中的图片。

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

您可能还会对下面的文章感兴趣: