Js水平棋盘过渡效果的图片切换


一款图片切换效果,切换的时候的效果类似于水平棋盘,一个小方格紧挨一个小方格,方格中慢慢显示出第二张切换的图片,在现在的一些网页图片切换的网页中,你都会发现这种过渡效果.

答案：<html>
<head>
<title>使用水平棋盘来更换图片</title>
<script language="javascript">
<!--
	function imgReveal(){
		picID.filters.revealTrans.apply();
		if(picID.src.indexOf("/jscss/demoimg/wall_s2.jpg") == -1){
			picID.src = "/jscss/demoimg/wall_s2.jpg";
		}else{
			picID.src = "/jscss/demoimg/wall_s3.jpg";
		}
		picID.filters.revealTrans.Play();
	}
//-->
</script>
</head>
<body>
<IMG src="/jscss/demoimg/wall_s2.jpg" id="picID" width="200" style="filter:revealTrans(duration=5,transition=10)">
<input type="button" onClick="imgReveal()" value="更换图片">
</body>
</html>

上一个：同一页面调用并显示多个图片幻灯切换效果
下一个：无jQuery焦点图切换JS代码

更多图片编程知识: