注意:本文檔所列 js 方法或函數(shù)均已內(nèi)置到系統(tǒng)內(nèi)部。因此使用的時(shí)候 直接調(diào)用即可。無需再次引入源代碼。
rolling 查看源代碼
/*滾動效果(向上或向左)
li //[可選] 子元素選擇器, 默認(rèn)值:'.li';
direction //[可選] 方向 'top' 向上, 'left' 向左, 默認(rèn)值 'left';
speed //[可選] 滾動速度(毫秒), 默認(rèn)值 500
interval //[可選] 停頓時(shí)間, 默認(rèn)值 2000
num //[可選] 單次滾動子元素個(gè)數(shù) 默認(rèn)值 1
easing //[可選] 動畫效果 默認(rèn)值 easeInOutQuint
說明 把 speed 和 interval 的值設(shè)置為一樣,然后把 easing 設(shè)置為 linear 即可實(shí)現(xiàn)持續(xù)移動效果
*/
//間隔 3000 毫秒向上滾動 .gg_con ul 里面的 li;
$('.gg_con ul').rolling({
direction:'top'
,interval:3000
});
//以 2000 毫秒的速度持續(xù)向左滾動 #demo11 里面的 a;
$('#demo11').rolling({
li:'a'
,interval:2000
,speed:2000
,easing:'linear'
});
//以默認(rèn)速度向左滾動 #demo1 里面的 li;
$('#demo1').rolling();
//以默認(rèn)速度單次向左滾動 3個(gè) #demo1 里面的 li;
$('#demo1').rolling({
num:3
});
閩公網(wǎng)安備號:35010402350377
