Question

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

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里还要做一个判断.