当前位置:编程学习 > JS >>

百叶窗形式的图片渐变交替

JavaScript图片特效的一种,本例子实现百叶窗形式的图片渐变交替效果,是不是见的很多啦,很熟悉的效果,原来是这么做出来的,嘿嘿~~
答案:<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=9)">
<input type="button" onClick="imgReveal()" value="更换图片">
</body>
</html>

上一个:JavaScript 控制图片改变重叠顺序
下一个:链接图片无缝向左平滑滚动Js版代码

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,