- 引入mSlider.js
<script src="mSlider.js"></script>
- new一个实例:
var demo = new mSlider({dom: "#xxxx"})
- 绑定方法:
demo.open()
属性 | 说明 | 举例 |
dom | 容器节点(必填) | 如:"#xxx" 、 ".xxx" |
distance | 弹层宽度(选填,默认"60%") | 支持:px|%|auto |
time | 自动关闭时间(选填,默认不关闭) | 单位毫秒,如"2000" |
zIndex | 层级(选填,默认100) | |
direction | 弹出方向(选填,默认"left") | "left":从左弹出,"right":从右弹出,"top":从上弹出,"bottom":从下弹出 |
maskClose | 点击遮罩关闭弹层(选填,默认true) | |
onOpen() | 打开时回调函数 | |
onClose() | 关闭时回调函数 |
方法名 | 说明 | 举例 |
.open() | 打开弹窗 | 如:xxx.open() |
.close() | 关闭弹窗 | 如:xxx.close() |