javascript - 如果鼠标没有悬停在 div 上，它会淡出

Question

如果鼠标没有悬停在它上面，我想要一个 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();
});

​</p>

我已经习惯mouseover了fadeIndiv。您也可以使用stop，但它不会将显示重置为初始状态。