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
';