Jquery无停止背景位置

Question

我正在尝试创建一个简单的移动背景。它是第一次工作，但我不知道如何运行无停止动画功能。 你能告诉我如何让它不断发挥作用吗？如果你让我知道如何使用jquery缓动函数可以使移动更顺畅，那就太棒了。

这是我的代码：
1- Html：

<div class="wave"></div> 

2- CSS：

.wave{ background:url(http://www.publicspace.net/images/vitamin/cloud.png) top left no-repeat;
 width:70px;
 height:70px;

}

3- jQuery：

$(document).ready(function(){
$('.wave').css({'background-position': '0px 0px'}). 
animate({'background-position': '-160px 0px'}); 
});

由于

Answer 1

编辑：

     $(document).ready(function(){


        doit();


        });

function doit(){
        $('.wave').css({'background-position': '0px 0px'}). 

        animate({'background-position': '-160px 0px'},doit()); 
}