new PageSlide()
页面滑动类，已停止更新，统一使用 Slide类
- 版本:
- 1.0
- 继承:
- 依赖:
-
- module:lib/zepto.js
- module:src/base.js
- module:src/tab.js
- 源码:
- page-slide.js, line 1
Example
var tab1 = new mo.PageSlide({
target: $('#slide01 li')
});参数
属性
方法
事件
| 名称 | 类型 | 参数 | 默认值 | 描述 |
|---|---|---|---|---|
config.touchMove |
boolean |
<optional> |
true | 是否允许手指滑动 |
config.target |
object | string | 目标选项卡片，即供切换的 Elements list (Elements.length >= 2) | ||
config.controller |
object | string |
<optional> |
'ul>li*' | 触发器 |
config.effect |
string |
<optional> |
'slide' | 指定效果，可选值：'slide', 'roll', 'scale' |
config.direction |
string |
<optional> |
'x' | 指定方向，仅效果为'slide'时有效 |
config.autoPlay |
boolean |
<optional> |
false | 是否自动播放 |
config.playTo |
number |
<optional> |
0 | 默认播放第几个（索引值计数，即0开始的计数方式） |
config.type |
string |
<optional> |
'mouseover' | 事件触发类型 |
config.currentClass |
string |
<optional> |
'current' | 当前样式名称, 多tab嵌套时有指定需求 |
config.link |
boolean |
<optional> |
false | tab controller中的链接是否可被点击 |
config.stay |
number |
<optional> |
2000 | 自动播放时停留时间 |
config.loop |
boolean |
<optional> |
false | 是否启用循环滚动 |
config.delay |
number |
<optional> |
150 | mouseover触发延迟时间 |
config.prevBtn |
object | string |
<optional> |
播放前一张，调用prev() | |
config.nextBtn |
object | string |
<optional> |
插放后一张，调用next() | |
config.easing |
string |
<optional> |
'swing' | 动画方式：默认可选(可加载Zepto.easying.js扩充)：'swing', 'linear' |
config.event |
object{string:function} |
<optional> |
初始化绑定的事件 | |
config.title |
object{'dataSrc':Element, 'dataProp':String, 'dataWrap':Element, 'delay': Number} |
<optional> |
初始化绑定的事件 | |
config.lazy |
boolean |
<optional> |
false | 是否启用按需加载 |
垂直单屏滑动运行Demo二维码
Loading...垂直缩放滑动运行Demo二维码
Loading...