如果鼠标没有悬停在它上面，则div淡出

Question

如果鼠标没有悬停在div上，我想要一个div淡出的代码。这是使div可见的代码。一旦显示它就会淡出。我希望如果用户在淡出时徘徊在它上面，它会停止淡化并变得像最初一样。然后当用户徘徊时，它再次消失。

$('#popuup_div').css({left:leftVal,top:topVal}).show().fadeOut(2000);

Answer 1

jQuery有一个stop()函数可以停止在元素上发生的所有动画。在mouseover()事件处理程序中使用它就完成了。

Answer 2

检查这个小提琴。 http://jsfiddle.net/6WMDz/1/

$('#popuup_div').on('mouseover', function() {
     $(this).fadeIn();
});

我已将mouseover用于fadeIn div。 您也可以使用stop，但不会将显示重置为初始状态。