百叶窗形式的图片渐变交替
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版代码