WebBuild

CSS 滤镜实现的各种图片显示效果

作者:parno 日期:2006-08-18

字体大小: 小中大

HTML代码

<title>网页特效|XFBBS.Com|---CSS滤镜实现的各种效果</title>
</head>

<body>
刷新看看<br>
<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="../../images/logo.gif" border=0 id="image1" style="visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=23);">
<br>
<img src="../../images/logo.gif" border=0 id="image2" style="visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=22);">
<br>
<img src="../../images/logo.gif" border=0 id="image3" style="visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=23);">
<br>
<img src="../../images/logo.gif" border=0 id="image4" style="visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=22);"> 
<br>
<img src="../../images/logo.gif" border=0 id="image5" style="visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=22);">
<br>
<img src="../../images/logo.gif" border=0 id="image6" style="visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=22);">

</body>

</html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

[本日志由 parno 于 2006-08-18 11:06 AM 编辑]