jquery鼠标移动到一个图片上其他图片淡入淡出切换鼠标移出恢复首张图片

Question

如题所述

Answer 1

<div id="img">
<img src="13/t_0013-1.gif">
<img src="13/t_0013-2.gif">
<img src="13/t_0013-3.gif">
<img src="13/t_0013-4.gif">

</div>

<script language="javascript" type="text/javascript">
$(function(){
$("#img img").mouseover(function(){
$("#img img").not(this).animate({opacity:0.5},100);
}).mouseout(function(){
$("#img img").animate({opacity:1},100);
});
});
</script>

Answer 2

$(function(){
$("#img img").each(function(){
$(this).hover(function(){
$(this).siblings().animate({"opacity":"0.5"},"fast")
},function(){
$(this).siblings().animate({"opacity":"1"},"fast")
})
})
});本回答被提问者采纳

Answer 3

ouseout事件
当你鼠标移动到id为c的DIV上,虽然c在div0中,但是也执行了mouseout事件

所以mouseout里还要做一个判断.