你的位置:首页 > Java教程

[Java教程]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 > 受理。</div>'   6       , btn: ['确定' + 你的变量+ '', '取消','第三个按钮'] // 三个按钮的text值 7       , yes: function (index, layero) { //或者使用btn1 8         // layer.closeAll(); 或者用 layer.close(index); 关闭 现在的弹出框 9         //按钮【按钮一】的回调10       }, cancel: function (index) { //或者使用btn211         //按钮【按钮二】的回调 12        //本身自带关闭弹出框功能13       },btn3: function(index, layero){ //按钮【按钮三】的回调 }14     });

 


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