返回首页|查看参数|demo展示|联系作者

SuperSlide 1.2

-- 大话主席
参数 默认值 说明
effect fade 效果 || fade:渐显; || top:上滚动;|| left:左滚动;|| topLoop:上循环滚动;|| leftLoop:左循环滚动;|| topMarquee:上无缝循环滚动;|| leftMarquee:左无缝循环滚动;
autoPage: false 系统自动分页(v1.2新增)   >>详解
titCell: .hd li 导航元素--鼠标的触发元素   >>图解
mainCell .bd 内容元素的父层对象  >>图解
autoPlay false 自动运行
interTime 2500(毫秒) 自动运行间隔。当effect为无缝滚动的时候,相当于运行速度。
delayTime 500(毫秒) 效果持续时间(一次效果执行所用的时间长度)。
defaultIndex 0 默认的当前位置索引。0是第一个; defaultIndex:1 时,相当于从2个开始执行
trigger mouseover 触发方式 || mouseover:鼠标移过触发;|| click:鼠标点击触发;
scroll 1 每次滚动个数。
vis 1 visible,可视范围个数,当内容个数少于可视个数的时候,不执行效果。
prevCell .prev 前一个按钮元素。
.nextCell .next 后一个按钮元素。
titOnClassName on 当前位置自动增加的class名称
大话主席 QQ:1216419047。 有bug,call我。
1

FadeIn Effect渐显效果

  • 渐显-文本(默认效果)
  • 渐显-图片
2

Single Slide Effect单个滚动效果

  • 单个(左)滚动-文本
  • 单个(左)滚动-图片
  • 单个(上)滚动-文本
  • 单个(上)滚动-图片
  • 单个循环(左)滚动-文本
  • 单个循环(左)滚动-图片
  • 单个循环(上)滚动-文本
  • 单个循环(上)滚动-图片
3

Multi Slide Effect多个循环滚动

特别说明

1、当内容个数少于可视个数的时候,不执行效果。例如只有1张图片,但可视个数为3(vis:3)。
2、现在是全按钮开启情况,不需要按钮的时候,只要删除按钮html或者隐藏即可。

  • 多个循环(左)滚动- 图片
  • 多个循环(上)滚动- 图片
  • new
    多个循环(左)滚动- 文本
  • new
    多个循环(上)滚动- 文本
  • new
    单个循环(上)滚动- 文本
4

Marquee Effect无缝循环滚动

特别说明

1、当内容个数少于可视个数的时候,不执行效果。例如只有1张图片,但可视个数为3(vis:3)。
2、现在是全按钮开启情况,不需要按钮的时候,只要删除按钮html或者隐藏即可。

  • 无缝循环(左)滚动 - 图片
  • 无缝循环(上)滚动- 图片
  • new
    无缝循环(左)滚动- 文本
  • new
    无缝循环(上)滚动- 文本
5

More Idea衍生效果

特别说明

1、使用多重slide的时候,注意各个slide的调用顺序。
2、使用多重slide的时候,注意外层slide的mianCell、titCell、prevCell、nextCell要与内层slide的不同。

  • 图片按钮(左)滚动
  • 图片按钮(上)循环滚动
  • 双重slide-文本滚动
  • 双重slide-相册效果(不完美)
  • 双重slide-仿Mtime
  • new
    常见焦点图-立刻显示消失
  • new
    视频网站大焦点图
  • 期待你的参与
6

Special特殊说明

这是什么?

这里会讲解一些特殊参数,特效效果使用等。

  • new
    autoPage自动分页说明
×

SuperSlide:集合TAB选项卡、焦点图、无缝滚动的jQuery万能代码 [源码下载][使用帮助]

代码整理:酷站代码,转载请注明出处。 本代码仅限于学习交流,请勿用于商业用途!