如果鼠標沒有懸停在它上面，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(); 
}); 

我已經使用mouseover到fadeIn股利。 您也可以使用stop，但不會將顯示器重置爲初始狀態。