快捷搜索:

使用CSS中的revealTrans滤镜制作超弦图片的播放 -

CSS中有revealTrans滤镜(详细先容请参看巧用CSS的 RevealTrans 滤镜),也曾用该滤镜制作过各类图片播放的效果(类似于应用CSS滤镜revealTrans制作图片渐显效果)。知道其在网页中制作殊效异常有用场。此次,我们筹备先容另一种应用revealTrans滤镜制作出超弦图片播放的效果。

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

制作措施:

1、在中插入JS代码:

function reapply(){

setTimeout("slideit()",800)

return true

}

window.onerror=reapply

此中:images/bigBanner/XXX.jpg为显示图片的路径,可按实际环境改动。

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

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

完备代码:

4、给图片加超链接:

5、加入代码:

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

留意,页面地址必须与图片张数相对应。本教授教化应用九张图片,响应就放置九个超链接地址。

制作完成,请参看效果。

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