SuperSlide万能特效,网站上常用的“焦点图/幻灯片”、“Tab标签切换”、“图片滚动”、“无缝滚动”、“导航”、“手风琴”等等只需要一个SuperSlide即可解决!。本文以“标签切换”为例。
SuperSlide参数设置
参数 | 描述 | 默认值 |
autoPage | 支持自定义分页html,$为数字替换位置。例如autoPage: | false |
titCell | 导航元素对象(鼠标的触发元素对象) | ".hd li" |
mainCell | 切换元素的包裹层对象 | ".bd" |
effect | 动画效果 fade:渐显; || top:上滚动;|| left:左滚动;|| topLoop:上循环滚动;|| leftLoop:左循环滚动;|| topMarquee:上无缝循环滚动;|| leftMarquee:左无缝循环滚动; | "fade" |
autoPlay | 自动运行 | false |
interTime | 毫秒;自动运行间隔。当effect为无缝滚动(topMarquee/leftMarquee)时,相当于运行速度。 | 2500 |
delayTime | 毫秒;切换效果持续时间(一次切换效果执行所用的时间长度)。 | 500 |
trigger | titCell触发方式 || mouseover:鼠标移过触发;|| click:鼠标点击触发; | "mouseover" |
scroll | 每次滚动个数。 | 1 |
vis | visible缩写,mainCell的可视范围个数,当实际内容个数少于可视个数的时候,不执行SuperSlide效果。 | 1 |