layer.js漂亮的弹出框

它的官方网站：http://layer.layui.com/

消息、确认框、ifame、自定义文本、旋转木马，都有按钮，是一款强大的js 弹出框；

以下为本人的简单介绍：
　　

 1  layer.open({
 2                      type: 1,  //1代表 content的值例如：'文本'   ；2 代表 content的值例如'../index.html'
 3                      area: ['450px', '220px'],//显示的弹出框的宽度和高度
 4                      //            skin: 'layui-layer-rim', //加上边框
 5                      content: '<div style="height: 130px; ">  受理。</div>'   
 6              , btn: ['确定' + 你的变量+ '', '取消','第三个按钮']  // 三个按钮的text值
 7             , yes: function (index, layero) { //或者使用btn1
 8                 //  layer.closeAll(); 或者用 layer.close(index); 关闭 现在的弹出框
 9                 //按钮【按钮一】的回调
10             }, cancel: function (index) { //或者使用btn2
11                 //按钮【按钮二】的回调  
12               //本身自带关闭弹出框功能
13             },btn3: function(index, layero){ //按钮【按钮三】的回调 }
14         });

 

如果要自定义样式，个人认为直接在浏览器里，调试样式，复制到你的head标签；

转载于:https://www.cnblogs.com/woloveprogram/p/4958813.html