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标签;


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM