jQuery懸停動畫隊列

Question

在完全理解jQuery中的動畫是如何排隊和初始化的過程中遇到了一些麻煩。通過編寫一些按鈕效果，試圖讓這個概念更加舒適。

我想將下面的筆的代碼變成一個平滑的動畫（如你可以看到，如果你多次懸停在按鈕上遇到一些問題），執行每個動畫懸停在只有當沒有另一個動畫將在上執行，然後只在動畫中的懸停結束時執行懸停動畫。

這裏是我的代碼：http://jsbin.com/larukayi/1/edit

在此先感謝您的幫助！

Answer 1

我覺得下面的變化得到預期的結果：

button1.css("cursor", "pointer").hover(
     function(){ 
     slideup.stop(true).animate({ 
      "bottom":"0px" 
     }, 150, 'linear'); 
     slideup.delay(100).animate({ 
      "left":"50px" 
     },150,'linear'); 
     slideright.delay(550).animate({ 
      "left":"0px" 
     }, 100, 'swing'); 
     }, 
    function(){ 
     slideright.stop(true).animate({ 
      "left":"-50px" 
     },150,'linear'); 
     slideup.delay(100).animate({ 
      "left":"0px" 
     }, 150, 'linear'); 
     slideup.delay(100).animate({ 
      "bottom":"-100px" 
     },150,'linear'); 
     });