不依赖任何的第三方库,纯原生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