SuperSlidev2.1
更新v2.1.3,兼容 jquery3.0+ !
SuperSlide 致力于解决网站大部分特效展示问题,使网站代码规范整洁,方便维护更新。
网站上常用的“焦点图/幻灯片”“Tab标签切换”“图片滚动”“无缝滚动”等只需要一个SuperSlide即可解决!
从此无需网上苦苦寻觅特效,无需加载n个插件,无需害怕代码冲突,你需要的只是一个SuperSlide!
还可以多个SuperSlide组合创造更多效果哦~
(兼容包括ie6的绝大部分浏览器)[当年的你是否这样?]
版本更新说明:
- 2.1
- 2.0
- 1.2
- 1.0
-
- 更新至v2.1.3,兼容jquery3.0+
- 更新至v2.1.2,左滚动自适应窗口宽度,demo
- 更新至v2.1.1,修复当调用多个SuperSlide,并设置returnDefault:true 时总返回第一个的错误。
- 更新至v2.1,兼容旧版,直接覆盖即可。
- 基础效果类型增加“菜单”和“手风琴”,并增加3个基础示例。
- 基础效果全部类型增加更多参数演示,让你更了解SuperSlide。
- 扩展效果增加20多个示例,特别是“综合首页”体现SuperSlide精髓所在。
- 优化leftLoop、topLoop、leftMarquee、topMarquee核心算法,初始化后不再存在dom操作,减少内存消耗,提高性能。
- 修复当scroll>1时 switchLoad 无效载bug。
- 修复一些示例兼容性bug。
- 新增参数:type,效果类型,默认值:slide,可选"slide"||"menu",引入type:"menu"专门处理菜单/导航效果。
- 新增参数:returnDefault,默认值:false,鼠标移出容器,返回默认状态,常用于导航/菜单。
- 新增参数:defaultPlay,默认值:ture,默认执行效果(第一次运行是否执行效果)常用于导航/菜单。
- 新增参数:mouseOverStop,默认值:ture,鼠标移到容器层(无缝滚动是mainCell)是否停止播放。
- 新增参数:playStateCell,默认值:".playState",播放/暂停状态按钮,点击后会增加/删除"pauseState"类名用于控制样色。
- 扩展参数:autoPage,支持自定义分页html!>>详解。
- 扩展参数:effect,增加"slideDown",下拉效果。
- 扩展参数:targetCell,增加支持"slideDown"效果。
- 扩展参数:startFun/endFun,增加传递参数,现在全参数为 startFun:function( i, c, slider, titCell, mainCell, targetCell, prevCell, nextCell ){}。
- 更改参数:easing,默认值为"swing",滑动更流畅。
- leftMarquee、topMarquee 前后按钮增加mouseover事件。
- leftMarquee、topMarquee 前后按钮增加长按10倍加速运行功能。
-
- 正式拥有自己的域名www.SuperSlide2.com,欢迎到访!( SuperSlide.com已被注册,无奈加一个2 )
- 更新至v2.0,兼容旧版,直接覆盖即可。
- 进行了大刀阔斧的改版,更清晰的指引,更详尽的介绍,更丰富的示例。
- 所有参数(除了startFun/endFun)填写的时候均可以用双引号,例如:delayTime:"1000"(以防新手填错)
- 新增效果fold,平滑的淡入淡出
- 新增参数:switchLoad,默认值 :null;作用:内容切换加载,暂时只支持图片,必须配合后台程序使用。 [详细]
- 新增参数:easing,默认值 :linear;作用: 缓动效果 [详细]
- 新增参数:startFun,每次切换效果开始时执行函数,用于处理特殊情况或创建更多效果。用法 satrtFun:function(i,c){ }; 其中i为当前分页,c为总页数 [详细]
- 新增参数:endFun,每次切换效果结束时执行函数,用于处理特殊情况或创建更多效果。用法 endFun:function(i,c){ }; 其中i为当前分页,c为总页数 [详细]
- 新增参数:triggerTime,默认值 :150毫秒,titCell触发时间,默认150毫秒延迟,以防重复执行效果。若为0即鼠标移过titCell立刻执行效果
- 新增参数:targetCell,切换元素对象,处理内容切换元素非包裹状态下等情况,实现更多效果,处理更多情况,能和titCell、mainCell同时使用。只支持fade效果。 [详细]
- 新增参数:pageStateCell,默认值 :"pageState",分页状态对象,用于显示分页状态,例如:2/3
- 新增参数:pnLoop,默认值 :true,前/后按钮是否继续循环,若为false则当翻动到最前/后页时,前/后按钮点击无效,同时增加prevStop/nextStop类名控制样色
- 新增参数:opp,默认值 :false,默认反方向运动,例如 effect:"leftMarquee" 然后设置 opp:true,则效果为右滚动。常用于leftMarquee/topMarquee
-
- Super Slide 从v1.2开始正式更名为 SuperSlide(无空格)!js文件命名正式更名为:jquery.SuperSlide.js
- 新增参数autoPage -- 系统自动分页,兼容1.0,覆盖1.0版本代码即可 >>详解
- 修复无缝滚动(leftMarquee、topMarquee)在xp系统下,ie7、ie8无法滚动的神奇bug
- 新增多个效果展示!带有new的都是新增的效果,其实这些效果1.0也可以实现的,但有些同志可能没有深入了解SuperSlide,不知道还能这样。新增的都是一些常见效果,希望对你有启发。
-
很久之前我也是一个网站新手,在制作网页过程中,经常需要用到各种特效,于是到网上找合适的插件。找到后要熟悉它的参数、用法等,如果用到几种不同特效,就要找几个不同插件,结果页面代码臃肿,加载缓慢,还要害怕会不会冲突!实在痛苦。
于是我就想可不可以将多个特效合一,以后只需要调用一个插件就能实现网页大部分特效。经过千锤百炼后一个能实现各种效果的插件就浮出水面了,为了表示其异于常人的能力,我给它起了一个霸气的名字 -- SuperSlide!
TouchSlidev1.1
TouchSlide 是纯javascript打造的触屏滑动特效插件,面向手机、平板电脑等移动终端,
能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。
插件开源、体积小、简单实用、功能强大,是你架构移动终端网站的重要选择!
ps:如果你SuperSlide的使用者,那么你会发现它是那么熟悉和易用。
v1.1 宽度自适应(修复安卓横屏时滑动范围不变的bug)
- 完美兼容ios系统(已测试ios5/6,机型包括ip4、ip4s、ip5、ipad2、ipad4等)
-
兼容,尚未发现问题(已测试android2.34/2.35/4.0x/4.1x等,
机型包括小米1/2、HTC One、三星GALAXY、索尼Xperia、小辣椒等,以及一些android2.34时代杂牌低端智能手机) - sorry,无硬件设备,暂没测试,(ie内核,估计杯具-。-)