layer.js漂亮的彈出框

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

消息、確認框、ifame、自定義文本、旋轉木馬，都有按鈕，是一款強大的js 彈出框；

以下為本人的簡單介紹：
　　

 layer.open({
                     type: 1,  //1代表 content的值例如：'文本'   ；2 代表 content的值例如'../index.html'
                     area: ['450px', '220px'],//顯示的彈出框的寬度和高度
                     //            skin: 'layui-layer-rim', //加上邊框
                     content: '<div style="height: 130px; ">  受理。</div>'   
             , btn: ['確定' + 你的變量+ '', '取消','第三個按鈕']  // 三個按鈕的text值
            , yes: function (index, layero) { //或者使用btn1
                //  layer.closeAll(); 或者用 layer.close(index); 關閉 現在的彈出框
                //按鈕【按鈕一】的回調
            }, cancel: function (index) { //或者使用btn2
                //按鈕【按鈕二】的回調  
              //本身自帶關閉彈出框功能
            },btn3: function(index, layero){ //按鈕【按鈕三】的回調 }
        });

 

如果要自定義樣式，個人認為直接在瀏覽器里，調試樣式，復制到你的head標簽；