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