2012-02-14 142 views
1

我有以下的動畫:停止jQuery的動畫循環

http://jsfiddle.net/jtqcj/2/

jQuery("#fp-small-feature-1").mouseenter(function(){ 
    jQuery(".bar").animate({width: "264px"},500); 
}); 

jQuery("#fp-small-feature-1").mouseleave(function(){ 
    jQuery(".bar").animate({width: "0px"},800); 
}); 

如何停止從排隊效果的動畫,如果你的鼠標關閉,在快速連續多次。

+0

更好地重複:http://stackoverflow.com/questions/9113568/jquery-stop-repeating-animation-on-multiple-rollovers – 2012-02-14 12:48:00

回答

6
jQuery(document).ready(function(){ 
jQuery("#fp-small-feature-1").mouseenter(function(){ 
    jQuery(".bar").stop().animate({width: "264px"},500); 
}); 

jQuery("#fp-small-feature-1").mouseleave(function(){ 
    jQuery(".bar").stop().animate({width: "0px"},800); 
}); 

});​ 
+0

該死!打我30秒! – YonoRan 2012-02-14 12:48:35

+1

:)我是最快的傢伙;) – Yorgo 2012-02-14 12:49:07

+1

有人在幾天前回答了同一個問題的問題...你們都鬆了;) – 2012-02-14 12:51:52