简介: CSS中有revealTrans滤镜在网页中制作特效非常有用处。这次,我们准备介绍另一种使用revealTrans滤镜制作出超弦图片播放的效果。
实现思路:使用revealTrans滤镜制作出超弦图片播放的效果,并每张图片有各自的链接地址。
制作方法:
1、在中插入JS代码:
其中:images/图片地址为显示图片的路径,可按实际情况修改。
2、在中插入代码:onload=slideit()
3、在页面中插入图片。
并在图片中插入:style="FILTER: revealTrans(Duration=2, Transition=23)",并命名为:name=slide
完整代码:
4、给图片加超链接:
5、加入代码:
其中:各链接地址相对应中插入的JS代码中的图片。
注意,页面地址必须与图片张数相对应。
实现思路:使用revealTrans滤镜制作出超弦图片播放的效果,并每张图片有各自的链接地址。
制作方法:
1、在中插入JS代码:
以下是引用片段: |
其中:images/图片地址为显示图片的路径,可按实际情况修改。
2、在中插入代码:onload=slideit()
3、在页面中插入图片。
并在图片中插入:style="FILTER: revealTrans(Duration=2, Transition=23)",并命名为:name=slide
完整代码:
4、给图片加超链接:
5、加入代码:
以下是引用片段: |
其中:各链接地址相对应中插入的JS代码中的图片。
注意,页面地址必须与图片张数相对应。
CSS中有revealTrans滤镜在网页中制作特效非常有用处。这次,我们准备介绍另一种使用revealTrans滤镜制作出超弦图片播放的效果。
实现思路:使用revealTrans滤镜制作出超弦图片播放的效果,并每张图片有各自的链接地址。
制作方法:
1、在中插入JS代码:
其中:images/图片地址为显示图片的路径,可按实际情况修改。
2、在中插入代码:onload=slideit()
3、在页面中插入图片。
并在图片中插入:style="FILTER: revealTrans(Duration=2, Transition=23)",并命名为:name=slide
完整代码:
4、给图片加超链接:
5、加入代码:
其中:各链接地址相对应中插入的JS代码中的图片。
注意,页面地址必须与图片张数相对应。
实现思路:使用revealTrans滤镜制作出超弦图片播放的效果,并每张图片有各自的链接地址。
制作方法:
1、在中插入JS代码:
以下是引用片段: |
其中:images/图片地址为显示图片的路径,可按实际情况修改。
2、在中插入代码:onload=slideit()
3、在页面中插入图片。
并在图片中插入:style="FILTER: revealTrans(Duration=2, Transition=23)",并命名为:name=slide
完整代码:
4、给图片加超链接:
5、加入代码:
以下是引用片段: |
其中:各链接地址相对应中插入的JS代码中的图片。
注意,页面地址必须与图片张数相对应。