box弹窗组件
全能的提示语弹窗插件:
支持:提示文字、loading、确认框、ajax弹窗、dom弹窗、全屏弹窗
其中 弹窗的展示方式支持:渐入、弹性放大,来源放大、4个方向进入;
弹窗的参数丰富:支持设定背景、可否拖动、是否显示标题、弯角、自动隐藏、停留时间、放大时间、消失时间。
所有弹窗的index支持全局定义window.zIndex,初始化1000;支持无限弹窗,所有弹窗的zIndex自动递增。
下载:
https://box.li6.cc/lrBox.mini.js
https://box.li6.cc/lrBox.mini.css
安装方式
js全局引入
require引入
lrBox属性支持
tag: 标签名
演示
id: 弹窗的id
演示
width: 宽度
演示
top: 顶部距离
演示
left: 左边距离
演示
title: 标题
演示
css: 弹窗的css
演示
class: 弹窗的class
演示
show: 弹窗是否显示
演示
body: 内容样式
演示
resize: 允许拖动大小
演示
mouseDown
closeBtn: 关闭按钮
演示
radius: 弯角
演示
drag: 允许拖动
演示
mouseDown
bg: 设置背景
bg: true 带背景
bg.opacity: 设置背景透明度
bg.color: 设置背景颜色
bg.ss: 点击背景闪烁
bg.click: 点击背景事件
move: 弹窗移动
move: dir 移动方向
move: speed 移动速度
move: distance 移动距离
move: from 来源
move: from 弹窗向右
move: from 弹窗向左
move: from 弹窗向上
move: from 弹窗向下
fangda: 弹性放大
演示
fadeIn: 缓慢出现
演示
autoHide: 自动隐藏
演示
btn: 按钮
演示
shadow: 投影效果
演示
content: 内容
演示
positionType: 定位类型
演示
zIndex: 定位层级
演示
beforeClose: 关闭弹窗前的事件
演示
ready: 初始化事件
演示
api支持
getLastBox: 获取最高层的弹窗
removeBox: 移除指定的弹窗对象
hideNewBox: 移除最外层的一个弹窗
hideAllBox: 移除所有弹窗
noLoading: 移除所有loading层
obj.setIndexToMax: 当前弹窗的zIndex +1
obj.shanShuo: 触发当前弹窗闪烁
obj.titleObj: 获取当前弹窗的标题对象
obj.titleObj: 获取当前弹窗的标题
obj.contentObj: 获取当前弹窗的正文对象
obj.contentObj: 获取当前弹窗的正文