编程
您现在的位置:首页 >> 编程

JS+CSS滤镜实现多种图片效果

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>JS+CSS滤镜实现多种图片效果</title>

</head>

<body>

<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="tool/ExamplePic/example1.jpg" border=0 id="image1" style="visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=23);" width="140" height="105" /> 

<img src="tool/ExamplePic/example2.jpg" border=0 id="image2" style="visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=22);" width="140" height="105" /> 

<img src="tool/ExamplePic/example2.jpg" border=0 id="image3" style="visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=23);" width="140" height="105" /> 

<img src="tool/ExamplePic/example3.jpg" border=0 id="image4" style="visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=22);" width="140" height="105" /> 

<img src="tool/ExamplePic/example4.jpg" border=0 id="image5" style="visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=22);" width="140" height="105" /> 

<img src="tool/ExamplePic/example5.jpg" border=0 id="image6" style="visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=22);" width="140" height="105" />

</body>

</html>