SuperSlidev2.1

更新v2.1.3,兼容 jquery3.0+ !

SuperSlide 致力于解决网站大部分特效展示问题,使网站代码规范整洁,方便维护更新。
网站上常用的“焦点图/幻灯片”“Tab标签切换”“图片滚动”“无缝滚动”等只需要一个SuperSlide即可解决!
从此无需网上苦苦寻觅特效,无需加载n个插件,无需害怕代码冲突,你需要的只是一个SuperSlide!
还可以多个SuperSlide组合创造更多效果哦~
(兼容包括ie6的绝大部分浏览器)[当年的你是否这样?]

Q群1:261841466 Q群2:286704407 Q群3:302110331 Q群4:151682651 Q群5:372745307 Q群6:431879597 Q群7:122344133(q群搜索“SuperSlide交流群”,有空位加入即可,本人工作日都在q群里)

版本更新说明:

  • 2.1
  • 2.0
  • 1.2
  • 1.0
  1. 更新至v2.1.3,兼容jquery3.0+
  2. 更新至v2.1.2,左滚动自适应窗口宽度,demo
  3. 更新至v2.1.1,修复当调用多个SuperSlide,并设置returnDefault:true 时总返回第一个的错误。
  1. 更新至v2.1,兼容旧版,直接覆盖即可。
  2. 基础效果类型增加“菜单”和“手风琴”,并增加3个基础示例。
  3. 基础效果全部类型增加更多参数演示,让你更了解SuperSlide。
  4. 扩展效果增加20多个示例,特别是“综合首页”体现SuperSlide精髓所在。
  5. 优化leftLoop、topLoop、leftMarquee、topMarquee核心算法,初始化后不再存在dom操作,减少内存消耗,提高性能。
  6. 修复当scroll>1时 switchLoad 无效载bug。
  7. 修复一些示例兼容性bug。
  8. 新增参数:type,效果类型,默认值:slide,可选"slide"||"menu",引入type:"menu"专门处理菜单/导航效果。
  9. 新增参数:returnDefault,默认值:false,鼠标移出容器,返回默认状态,常用于导航/菜单。
  10. 新增参数:defaultPlay,默认值:ture,默认执行效果(第一次运行是否执行效果)常用于导航/菜单。
  11. 新增参数:mouseOverStop,默认值:ture,鼠标移到容器层(无缝滚动是mainCell)是否停止播放。
  12. 新增参数:playStateCell,默认值:".playState",播放/暂停状态按钮,点击后会增加/删除"pauseState"类名用于控制样色。
  13. 扩展参数:autoPage,支持自定义分页html!>>详解
  14. 扩展参数:effect,增加"slideDown",下拉效果。
  15. 扩展参数:targetCell,增加支持"slideDown"效果。
  16. 扩展参数:startFun/endFun,增加传递参数,现在全参数为 startFun:function( i, c, slider, titCell, mainCell, targetCell, prevCell, nextCell ){}。
  17. 更改参数:easing,默认值为"swing",滑动更流畅。
  18. leftMarquee、topMarquee 前后按钮增加mouseover事件。
  19. leftMarquee、topMarquee 前后按钮增加长按10倍加速运行功能。
更新日期:2018-12-17
  1. 正式拥有自己的域名www.SuperSlide2.com,欢迎到访!( SuperSlide.com已被注册,无奈加一个2 )
  2. 更新至v2.0,兼容旧版,直接覆盖即可。
  3. 进行了大刀阔斧的改版,更清晰的指引,更详尽的介绍,更丰富的示例。
  4. 所有参数(除了startFun/endFun)填写的时候均可以用双引号,例如:delayTime:"1000"(以防新手填错)
  5. 新增效果fold,平滑的淡入淡出
  6. 新增参数:switchLoad,默认值 :null;作用:内容切换加载,暂时只支持图片,必须配合后台程序使用。 [详细]
  7. 新增参数:easing,默认值 :linear;作用: 缓动效果 [详细]
  8. 新增参数:startFun,每次切换效果开始时执行函数,用于处理特殊情况或创建更多效果。用法 satrtFun:function(i,c){ }; 其中i为当前分页,c为总页数 [详细]
  9. 新增参数:endFun,每次切换效果结束时执行函数,用于处理特殊情况或创建更多效果。用法 endFun:function(i,c){ }; 其中i为当前分页,c为总页数 [详细]
  10. 新增参数:triggerTime,默认值 :150毫秒,titCell触发时间,默认150毫秒延迟,以防重复执行效果。若为0即鼠标移过titCell立刻执行效果
  11. 新增参数:targetCell,切换元素对象,处理内容切换元素非包裹状态下等情况,实现更多效果,处理更多情况,能和titCell、mainCell同时使用。只支持fade效果。 [详细]
  12. 新增参数:pageStateCell,默认值 :"pageState",分页状态对象,用于显示分页状态,例如:2/3
  13. 新增参数:pnLoop,默认值 :true,前/后按钮是否继续循环,若为false则当翻动到最前/后页时,前/后按钮点击无效,同时增加prevStop/nextStop类名控制样色
  14. 新增参数:opp,默认值 :false,默认反方向运动,例如 effect:"leftMarquee" 然后设置 opp:true,则效果为右滚动。常用于leftMarquee/topMarquee
更新日期:2013-1-17
  1. Super Slide 从v1.2开始正式更名为 SuperSlide(无空格)!js文件命名正式更名为:jquery.SuperSlide.js
  2. 新增参数autoPage -- 系统自动分页,兼容1.0,覆盖1.0版本代码即可 >>详解
  3. 修复无缝滚动(leftMarquee、topMarquee)在xp系统下,ie7、ie8无法滚动的神奇bug
  4. 新增多个效果展示!带有new的都是新增的效果,其实这些效果1.0也可以实现的,但有些同志可能没有深入了解SuperSlide,不知道还能这样。新增的都是一些常见效果,希望对你有启发。
更新日期:2012年

很久之前我也是一个网站新手,在制作网页过程中,经常需要用到各种特效,于是到网上找合适的插件。找到后要熟悉它的参数、用法等,如果用到几种不同特效,就要找几个不同插件,结果页面代码臃肿,加载缓慢,还要害怕会不会冲突!实在痛苦。

于是我就想可不可以将多个特效合一,以后只需要调用一个插件就能实现网页大部分特效。经过千锤百炼后一个能实现各种效果的插件就浮出水面了,为了表示其异于常人的能力,我给它起了一个霸气的名字 -- SuperSlide!

更新日期:2011年

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内核,估计杯具-。-)