jquery沒有停止背景位置

Question

我想創建一個簡單的移動background.It第一次工作，但是我不知道如何運行非停止動畫功能。 你能否讓我知道如何讓它繼續工作？如果你讓我知道如何使用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()); 
}