停止並重新啓動懸停在jQuery上的動畫

Question

我試圖創建一個使用jQuery的動畫按鈕，應該停止懸停，然後重新啓動時，它不會徘徊。

對於動畫我使用一個循環，如下所示：

$(document).ready(function test() { 
     $('#box').animate({opacity:0.5}, {duration:750}) 
     .animate({opacity:1}, {duration:1500}) 
     .animate({opacity:0.5}, {duration:750, complete: test}) 
     ; 
    }); 

我嘗試添加一個懸停用.stop（），但是，我不知道如何重新啓動動畫。你有什麼建議嗎？

另外，我有這裏的這個一點例如：http://jsfiddle.net/fTpZZ/

Answer 1

懸停（）事件處理程序可以分別處理handlerIn和handlerOut方法作爲第一和第二參數。

懸停（handlerIn（eventObject）傳遞，handlerOut（eventObject）傳遞）

創建2個獨立的功能 - 一個用於在 「開」 狀態，以及一個用於 「關」

.hover() - jQuery API

Answer 2

工作解決方案：（http://jsfiddle.net/fTpZZ/50/）

$(document).ready(function() 
    { 
     $('#box').hover(function() {     
      $('#box').stop(); 
      $('#box').animate({opacity:0},1); 
     }); 

     function foo() 
     { 
      $('#box').animate({opacity:0.5}, 750, function(){ 
       $('#box').animate({opacity:1}, 1500, function(){ 
        $('#box').animate({opacity:0.5}, 750, foo());  
       }); 
      });    
     } 

     foo();   
    });