當mouseleave（）的當前選擇器打破mouseenter動畫

http://jsfiddle.net/ZtpEU/41/繼承人jQuery中的簡單動畫。我試圖做到這一點，所以只有在mouseenter出現時纔會執行動畫。此外，你會注意到，如果你瘋狂地mouseenter和離開，元素動畫被記住，這基本上使他們瘋狂動畫。當mouseleave（）的當前選擇器打破mouseenter動畫

我在尋找這個動畫，只有在鼠標懸停在特定元素上時纔會執行。如果移動，則動畫會重置併爲下一個懸停元素添加動畫。

對不起，這是真的很難說。我會非常關注答案。最後，我在找更多this css transition effect（這只是發生在谷歌瀏覽器或我會做這種方式）

來源

2012-05-11 Matthew Harwood

可能重複[ jQuery的：停止重複多次翻轉動畫？]（http://stackoverflow.com/questions/9113568/jquery-stop-repeating-animation-on-multiple-rollovers）和[停止jQuery動畫循環]（http：// stackoverflow .COM /問題/ 9277084 /停止，jQuery的動畫循環）。 –

對不起，我沒有注意到這一點。我也標記了它。感謝您的關注 –

您可以使用stop()法：

$("li").on('mouseenter',function(){ 
    $(this).animate({"padding-left": "50px"}, "normal"); 
}); 
$("li").on('mouseleave',function(){ 
    $(this).stop(true).animate({"padding-left": "0px"}, "slow"); 
});

http://jsfiddle.net/ZtpEU/43/

來源

2012-05-11 20:15:11 undefined

謝謝你，先生！我會盡快標記正確的 –

當mouseleave（）的當前選擇器打破mouseenter動畫

回答

相關問題