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