如果鼠标未将鼠标悬停在其上，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来fadeIndiv。您也可以使用 stop ，但它不会将显示重置为初始状态。