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

【问题标题】：div fades out if mouse does not hover over it如果鼠标没有悬停在 div 上，它会淡出
【发布时间】：2012-06-23 22:28:59
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

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

【讨论】：