首页 编程 正文

巧用CSS滤镜制作绚丽图片播放效果_CSS教程_CSS_网页制作_

2023-11-03 17:46:57 32
CSS中有revealTrans滤镜在网页中制作特效非常有用处。这次,我们准备介绍另一种使用revealTrans滤镜制作出超弦图片播放的效果。
  实现思路:使用revealTrans滤镜制作出超弦图片播放的效果,并每张图片有各自的链接地址。
  制作方法:
  1、在中插入JS代码:


functionreapply(){
setTimeout("slideit()",800)
returntrue
}
window.onerror=reapply




  其中:images/图片地址为显示图片的路径,可按实际情况修改。
  2、在中插入代码:onload=slideit()

  3、在页面中插入图片。
并在图片中插入:style="FILTER: revealTrans(Duration=2, Transition=23)",并命名为:name=slide
  完整代码:
  4、给图片加超链接:
  5、加入代码:

  其中:各链接地址相对应中插入的JS代码中的图片。
  注意,页面地址必须与图片张数相对应。
-六神源码网 -六神源码网