layui弹出层的使用方法:介绍JQuery1.8以上的任何版本；介绍laery.js；通过“function show(){var a = layer.open({...});}使用laery的方法.open弹出层即可。
layer 在 layui 系统中的特殊位置甚至让很多人误以为是 layui = layer ui，再次强调 layer 只是作为 layui 弹层模块
1、要获得laery，需要去官网下载laery.js 地址--http://layer.layui.com/
2、介绍laery.js 在此之前，您必须介绍任何版本的JQuery超过1.8
3、使用laery.open();
function show(){
var a = layer.open({
type: 2,
area: ['80%','450px'],
title: '我是标题',
shadeClose: true,
content: ['layer_model.html','no']
});
}基础参数
1. type 类型
type: 1, // (信息框，默认)1(页面层)2(iframe层)3(加载层)4(tips层)
2. title 标题
title:"我是标题", //如果您还需要定制标题区域样式，您可以使用title: ['文本', 'font-size:18px;'] 数组第二项可以写任何css风格； //如果不想显示标题栏，可以 title: false
3. content 内容
3.1.假如是页面层
layer.open({
type: 1,
content: '传输任何文本或html' content在这里是一个普通的String
});
layer.open({
type: 1,
content: $('#id') ///这里的content是DOM。注意:最好将这个元素存储在body的最外层，否则可能会受到其他相对元素的影响
});
///Ajax获取
$.post('url', {}, function(str){
layer.open({
type: 1,
content: str //注意，如果str是object，则需要字符拼接。
});
});示例:
3.2.如果iframe层是iframe
layer.open({
type: 2,
content: 'http://sentsin.com' ///这里的content是URL，如果不想让iframe出现滚动条，也可以contententent: ['http://sentsin.com', 'no']
});示例:
3.3.如果是layer.open执行tips层
layer.open({
type: 4,
content: ['内容', '#id'] //数组第二项是吸附元素选择器或DOM
});示例:
4. area 宽高
在默认情况下，layer适应宽度和高度，但当你只想定义宽度时，你可以area: '500px'，高度仍然是自适应的。当你必须定义宽度和高度时，你可以 area: ['500px', '300px']
5. btn 按钮
在信息框模式下，btn默认为确认按钮，其他层类型默认不显示，加载层和tips层无效。当你只想定制一个按钮时，你可以btn: '我知道'，当您需要定义两个按钮时，您可以btn: ['yes', 'no']。当然，您也可以定义更多的按钮，例如：btn: ['按钮1', '按钮2', '按钮3', …]，按钮1的回调是yes，从按钮2开始，回调为btn2: function(){}以此类推。如：
layer.open({
content: 'test',
btn: ['按钮一', '按钮二', '按钮三'],
yes: function(index, layero){
//按钮回调
},
btn2: function(index, layero){
//按钮回调
//return false 禁止单击此按钮打开该代码
},
btn3: function(index, layero){
//按钮回调
//return false 禁止单击此按钮打开该代码
},
cancel: function(){
//关闭右上角的回调
//return false 禁止单击此按钮打开该代码
}
});6, shade 遮罩
即弹层外区域。黑色背景默认为0.3透明度('#000'）如果要定义其他颜色，可以shade: [0.8, '#393D49']；如果不想显示遮罩，可以shade: 0
如果你的遮罩存在，你也可以设置 shadeClose 是否点击遮罩关闭 默认：false 假如你的shade存在，那么你可以设置shadeClose来控制点击弹层外区域的关闭
以上是layui弹出层如何使用的详细内容，请关注861模板网的其他相关文章！