注意:本文档所列 js 方法或函数均已内置到系统内部。因此使用的时候 直接调用即可。无需再次引入源代码。
rolling 查看源代码
/*滚动效果(向上或向左)
li //[可选] 子元素选择器, 默认值:'.li';
direction //[可选] 方向 'top' 向上, 'left' 向左, 默认值 'left';
speed //[可选] 滚动速度(毫秒), 默认值 500
interval //[可选] 停顿时间, 默认值 2000
num //[可选] 单次滚动子元素个数 默认值 1
easing //[可选] 动画效果 默认值 easeInOutQuint
说明 把 speed 和 interval 的值设置为一样,然后把 easing 设置为 linear 即可实现持续移动效果
*/
//间隔 3000 毫秒向上滚动 .gg_con ul 里面的 li;
$('.gg_con ul').rolling({
direction:'top'
,interval:3000
});
//以 2000 毫秒的速度持续向左滚动 #demo11 里面的 a;
$('#demo11').rolling({
li:'a'
,interval:2000
,speed:2000
,easing:'linear'
});
//以默认速度向左滚动 #demo1 里面的 li;
$('#demo1').rolling();
//以默认速度单次向左滚动 3个 #demo1 里面的 li;
$('#demo1').rolling({
num:3
});

