Question

JS中如何让图片慢慢消失,然后自动再显示另一张图片?

注意，是慢慢消失 ，变透明的那种效果，然后自动也是慢慢显示另一张，不断循环的，有高手提供下代码,谢谢。

Answer 1

html：
<div id="box">
<div class="pic"><img src="图片路径" width="200" height="100" /></div>
<div class="pic"><img src="图片路径" width="200" height="100" /></div>
<div class="pic"><img src="图片路径" width="200" height="100" /></div>
<div class="pic"><img src="图片路径" width="200" height="100" /></div>
</div>

css：
#box{position:relative; width:200px; height:100px;}
.pic{position:absolute; top:0; left:0; width:200px; height:100px; z-index:99; display:none;}

Jquery：
$(window).ready(function(){
$("#box .pic").eq(0).show();
var i=0;
function fad(){
var m = i%4;
var n = (i+1)%4;
$("#box .pic").eq(m).fadeOut(1000);
$("#box .pic").eq(n).fadeIn(1000);
i++;

};
int = setInterval(fad,3000);
});

Answer 2

推荐你用jquery的.fadeIn()和.fadeOut()
$("img").fadeIn("slow");
$("img").fadeIn("2000");