重复上下动画 div

我想要一个使用 jquery 重复上下移动的 div。换句话说，div 从某个位置的顶部开始，向下移动，然后向上移动并重复此过程，从上到下大约有 1 秒的时间间隔，再回到顶部大约有 1 秒的时间间隔。有slideUp和slideDown以及animate方法，但我不知道如何实现这一点，因为它需要处于无限循环中，而在javascript中你必须避免这样的循环。

jQuery 的动画逻辑可以安全地通过回调调用或链接在一起，而无需使用 setTimeout/setInterval：

像这样的东西应该适合你

Demo http://jsfiddle.net/2PdRE/1/

function loop() {
    $('.bouncer').animate({'top': '500'}, {
        duration: 1000, 
        complete: function() {
            $('.bouncer').animate({top: 0}, {
                duration: 1000, 
                complete: loop});
        }});
}
loop();