间隔滚动
.rollSlide(obj)方法: 参数 obj 为对象, orientation: string, 滚动方式 'left', 'right','top','bottom' 4个方向,默认为 'left' num: number, 滚动数量 默认为 1 v:numer, 滚动速度 默认为 0 space:number, 间隔时间 默认时间为 5000ms, 最小间隔时间为 100ms isRoll: boolean, 是否自动播放 必填,没有默认值
不间断滚动
.rollNoInterval()方法: 无参数, 返回4个方法 .left() 左方向滚动 .right() 右方向滚动 .top() 上方向滚动 .bottom() 下方向滚动
case 'left': $ul.append(cloneSliceItem); $ul.animate({ 'left': -range + 'px' }, v, function() { $(this).css({ 'left': 0 }); $(sliceItem).remove(); isStart = true; //开启滚动 }); break;
自动滚动很长时间后,会出现某一页连续重播,是因为$(sliceItem).remove();写在了animate里面,animate还没执行完,下一个push的时候获取的就是还没有删完的li,所以在后面就会出现重复的问题,
把$(sliceItem).remove();放在animate外面就解决了重复的问题,但是在滚动的左侧会出现闪一下再删除,动画效果不好