jeBox原生弹窗

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

文章导航