文件名称:
SuperSlide焦点图_Tab切换_图片滚动_无缝滚动
开发工具:
文件大小: 361kb
下载次数: 0
上传时间: 2015-04-10
详细说明:
SuperSlide万能特效,网站上常用的“焦点图/幻灯片”、“Tab标签切换”、“图片滚动”、“无缝滚动”、“导航”、“手风琴”等等只需要一个SuperSlide即可解决!。本文以“标签切换”为例。 更详细特效教程 http://www.sucaihuo.com/js,都是优质素材,最主要是既有教程,也有演示并且可下载哦,技术大咖也来切磋下吧^_^ 因为SuperSlide是基于jQuery的插件,所以前提必须先引用jQuery,再引用SuperSlide HTML 以下是默认的HTMl结构,分别是 ".hd" 里面包含ul, ".bd" 里面包含ul jQuery 调用SuperSlide,因为是默认HTML结构,所以参数都为默认值,不用填写titCell、mainCell等。 如果您想了解更多,可以查看 焦点图/幻灯片、 图片滚动、 无缝滚动、 导航、 手风琴,如果您想下载代码研究,可以到下载页面 。还要告诉大家个密码,素材火首页banner也用的这个插件..嘻嘻^_^.. 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效果。 ...展开收缩