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