jQuery 頁面循環滾動代碼

網頁設計中，頁面滾動效果是一個非常重要的元素。有時候我們希望頁面能夠循環滾動，這就需要用到jQuery的代碼實現了。下面是一個循環滾動的示例代碼：

$(function(){
var scroll_width = $('#scroll_div').get(0).scrollWidth;
var div_width = $('#scroll_div').width();
var left = 0;
var speed = 50;
function scroll(){
left++;
if(left >scroll_width-div_width){
left = 0;
}
$('#scroll_div').scrollLeft(left);
}
var timer = setInterval(scroll, speed);
});

上述代碼中，我們獲取了包含需要滾動的內容的div元素以及這個div元素的寬度。然后設置left初始值為0，speed表示滾動的速度。接著定義一個scroll函數，并使用setInterval函數不斷地調用這個函數。scroll函數中，我們將left值自增1，并判斷left是否大于scroll_width與div_width的差值。如果是，說明已經滾動到了最后，需要將left值重新置為0，然后將#scroll_div元素的左滾動距離設為left。因此，當頁面循環滾動時，實際上是通過改變#scroll_div元素的左滾動距離來實現的。

以上代碼僅供參考，實際應用中可能需要根據具體情況進行調整。