jeBox原生弹窗
最后更新于:2022-04-01 23:50:03
[TOC]
# jeBox--web弹层组件
> **不依赖任何的第三方库,纯原生JS开发的。**
**浏览器兼容**
* * * * *
~~~
1、Internet Explorer >=8 (Windows)
2、Safari (Mac)
3、Chrome (Windows, Mac, iOS, Linux, Chrome OS)
4、Firefox (Windows, Mac, Linux, Firefox OS)
5、谷歌内核浏览器,如360浏览器,搜狗浏览器,QQ浏览器
~~~
* * * * *
**核心方法:jeBox.open(options)**
> options是一个对象,它包含了以下key: '默认值'
~~~
cell:"", // 独立ID,用于控制弹层唯一标识
title:"提示信息", // 标题,参数一:提示文字,参数二:提示条样式 ["提示信息",{color:"#ff0000"}]
content:"暂无内容!", // 内容
boxStyle:{}, //设置弹层的样式
closeBtn:true, // 标题上的关闭按钮
maxBtn:false, //是否开启最大化按钮
area:"auto", // 参数一:弹层宽度,参数二: 弹层高度
padding:"5px", // 自定义边距
offset:[ "auto", "auto" ], //坐标轴
type:1, // 显示基本层类型
icon:0, // 图标,信息框和加载层的私有参数
button:[], // 各按钮
yesfun:null, // 确定按钮回调方法
nofun:null, // 取消和关闭按钮触发的回调
time:0, // 自动关闭时间(秒),0表示不自动关闭
masklock:true, // 是否开启遮罩层
maskClose:false, // 点击遮罩层是否可以关闭
maskColor:[ "#000", .5 ], // 参数一:遮罩层颜色,参数二:遮罩层透明度
isDrag:true, // 是否可以拖拽
fixed:true, // 是否静止定位
zIndex:9999, // 弹层层级关系
scrollbar:true, // 是否允许浏览器出现滚动条
shadow:true, //拖拽风格
success:null, // 层弹出后的成功回调方法
endfun:null
~~~
具体文档参考http://www.jayui.com/jebox/api.html
';