更好的方式來實現搖動動畫？

Question

我正在嘗試使用jQuery實現「動畫動畫」。這個想法是，你可以做一個元素搖擺來吸引注意力。下面是我想出了：

function DrawAttention(item, count) 
    { 
     $(item).animate({top: '+=5'}, 50, 
      function(){ 
       $(item).animate({top: '-=10'}, 100, 
        function(){ 
         $(item).animate({top: '+=5'}, 50, 
          function(){ 
           if(count>0) 
           { 
            DrawAttention(item,count-1); 
           } 
          }); 
        }); 
      }); 

    } 

我認爲這是一個有點冗長，不知道是否有人能看到一個更優雅的方式來達到我想要的。

小提琴here。

Answer 1

function DrawAttention(item, count) 
{ 
    $(item) 
     .animate({top: '+=5'}, 50) 
     .animate({top: '-=10'}, 100) 
     .animate({top: '+=5'}, 50, function(){ 
      if(count > 0){ 
       DrawAttention(item,count-1); 
      } 
     }); 
} 

Answer 2

據我所知在jQuery Ui（jqueryui.com）中有這樣的效果。嘗試這將是一個替代方案。

如果你想自己做這個，我會使用指數函數（如2^-x）來計算抖動偏移量。