图片渐显效果,麻麻点点的渐渐显示效果。
制作方法:
将下面的代码复制到<head>~</head>里:
<script for=window event=onLoad language=vbscript>
image1.filters.item(0).apply()
image1.filters.item(0).transition = 10
image1.Style.visibility = ""
image1.filters(0).play(2.0)
image2.filters.item(0).apply()
image2.filters.item(0).transition = 11
image2.Style.visibility = ""
image2.filters(0).play(2.0)
image3.filters.item(0).apply()
image3.filters.item(0).transition = 12
image3.Style.visibility = ""
image3.filters(0).play(2.0)
image4.filters.item(0).apply()
image4.filters.item(0).transition = 13
image4.Style.visibility = ""
image4.filters(0).play(2.0)
image5.filters.item(0).apply()
image5.filters.item(0).transition = 14
image5.Style.visibility = ""
image5.filters(0).play(2.0)
image6.filters.item(0).apply()
image6.filters.item(0).transition = 15
image6.Style.visibility = ""
image6.filters(0).play(2.0)
</script>
在每个<img src="http://www.blue1000.com/article/x.gif" id="image1">中,添加代码:
style="visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=23);"
revealTrans(Duration=4.0, Transition=23) 参数的具体使用,请看 CSS 滤镜应用集锦
注意:每一个图片上的定义的ID 值在<head>里将要定义此ID的属性。这里用的ID号为image1、image2..........
至此你就可以完成这个实例了,快去试试吧!
更多内容请看PCdog.com--Photoshop滤镜教程专题
