jquery - mouseover 和 mouseout 和 div 图像 1px 分隔

Question

我有 div 和功能鼠标悬停：

$('#mydiv').mouseover(function(){
    $('#otherdiv').show('slow');
});

$('#otherdiv').mouseout(function(){
    $('#otherdiv').hide('slow');
});

但是...#otherdiv展览封面#mydiv由 5 张1px相互分离的图像组成。我想在那#otherdiv之后消失，mouseout但我眨了眨眼。

怎么做？

Answer 1

$('#mydiv').hover(function(){
    $('#otherdiv').stop().show('slow');
}, function(){
    $('#otherdiv').stop().hide('slow');
});

演示 jsBin
http://api.jquery.com/hover
http://api.jquery.com/stop

Answer 2

试试看stop：

$('#mydiv').mouseover(function(){
    $('#otherdiv').stop().show('slow');
});

$('#otherdiv').mouseout(function(){
    $('#otherdiv').stop().hide('slow');
});