侧滑弹层插件--mSlider.js

用法:

  1. 引入mSlider.js
<script src="mSlider.js"></script>
  1. new一个实例:
var demo = new mSlider({dom: "#xxxx"})
  1. 绑定方法:
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()

演示地址: demo