它的官方网站: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标签;