javascript - 实现摇动动画的更好方法？

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);
                                }
                            }); 
                    });
            });

    }

我认为这有点冗长，想知道是否有人能找到一种更优雅的方式来实现我想要的。

fiddle 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);
            }
        });
}