如何讓div無限移動？

我正在嘗試製作一個網頁，使用移動的div緩慢移動到左側。還有另外一個div移動到右邊，產生3D效果（但這不是重點）。如何讓div無限移動？

我現在要做的事情是製作了一個7000px寬的div，它慢慢地移動到左邊（用jQuery animate()對CSS的「right」屬性進行動畫處理），但是在它全部移動之後，動畫結束。

有沒有一種方法，使DIV無限寬度，或至少導致它返回到開始（很像雜貨店結帳移動帶的東西），所以動畫永遠不會停止？

我想這需要一些單獨的div，每一次它到達終點，回到過去，但我無法弄清楚如何做到這一點，因爲我是一個初學者jQuery的開發者。

2009-06-15 Brandon Wang

UPDATE

考慮在帳戶中的例子在http://nth.brandonwang.org/stuhf2/simpleindex.html你可以通過在結尾處增加一個回調修復它，你的腳本必須是這樣的：

$(document).ready(function() { 
    animateRight(); 
    animateLeft(); 
}); 

function animateRight() 
{ 
    $('#lightright').css ("left", "100%"); 
    $('#lightright').animate({left:'0%'},1500, "", animateRight); 
} 

function animateLeft() 
{ 
    $('#lightleft').css ("right", "100%"); 
    $('#lightleft').animate({right:'0%'},1600, animateLeft); 
}

基本上我們只是重置動畫CSS屬性和開始動畫效果，這段代碼中的動畫持續時間更快，以幫助查看效果。

希望它可以幫助你

來源

2009-06-15 22:37:02 albertein

我不明白究竟是如何的作品;你可以在這裏看到我的作品：nth.brandonwang.org/stuhf2/ 如果等待足夠長的時間，你會發現，運動也消失的div移出屏幕。 – 2009-06-15 22:55:50

好吧，我剛剛做了一個嶄新的演示，只是你需要，我希望它可以幫助你 – albertein 2009-06-15 23:23:21