原文链接:使用 superslide 实现图片无缝滚动(上下,适用手机端)
jQuery(".picMarquee-top").slide({mainCell:".bd ul",autoPlay:true_,effect:"topMarquee",vis:3,interTime:50,trigger:"click"_});
jQuery(".picMarquee-top"):图片列表外部 div
mainCell:图片列表
effect:动画效果
[v1.0] fade:渐显; || top:上滚动;|| left:左滚动;|| topLoop:上循环滚动;|| leftLoop:左循环滚动;|| topMarquee:上无缝循环滚动;|| leftMarquee:左无缝循环滚动;
[v2.0] fold:淡入淡出
[v2.1] slideDown:下拉效果
vis:visible 缩写,_mainCell 的可视范围个数,当实际内容个数少于可视个数的时候,不执行 SuperSlide 效果。
interTime:毫秒;自动运行间隔。当 effect 为无缝滚动(topMarquee/leftMarquee)时,相当于运行速度。
trigger:titCell 触发方式 || mouseover:鼠标移过触发;|| click:鼠标点击触发;
示例请看官网 demo6
更多参数解析详见官网
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于