色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

jquery li 循環滾動

傅智翔2年前10瀏覽0評論

JQuery是一種廣泛使用的Javascript庫,它提供了函數和方法來簡化Javascript的編程和網頁開發。其中,循環滾動是JQuery常用的功能之一,尤其是在網頁輪播圖的制作中。

在JQuery中,循環滾動可以通過li標簽來實現,具體操作如下:

$(document).ready(function(){
setInterval(function(){
var firstLi = $('ul li:first');
$('ul').animate({marginLeft : '-100%'}, 1000, function(){
$(this).append(firstLi);
$(this).css({marginLeft : '0px'});
});
}, 3000);
});

首先,在上述代碼中,我們使用了document ready方法來確保頁面完全加載后再執行。然后,我們使用了setInterval方法來反復執行一個函數,并將其儲存在一個變量中。

接著,在循環中,我們定義了一個變量firstLi,并通過$(‘ul li:first’)來指向第一個li標簽。然后,通過animate方法將整個ul標簽往左邊移動100%的距離,達到滾動的效果。在動畫執行完畢后,我們通過append方法來移動第一個li標簽到列表的末尾,然后通過css方法將marginLeft設置為0,以便下一次動畫的執行。

總體而言,JQuery的li循環滾動功能非常靈活和易用。通過簡單的代碼,我們可以輕松地實現一些基礎的網頁輪播圖效果,以及其他類似的滾動功能。