頁面中引入 layer.js 就行了

1、彈出一個提示信息；

p.p1 { margin: 0; font: 14px Consolas; color: rgba(235, 224, 135, 1) }
span.s1 { color: rgba(117, 224, 242, 1) }
span.s2 { color: rgba(249, 249, 245, 1) }

layer.msg("我是哦提示信息");

2、彈出一個帶選擇的按鈕的框

layer.open({
                title: '刪除'
                ,content: '您確定要刪除此游客信息嗎?',
                yes: function(index, layero){
                        var trackerType = $(_this).parents("tr").find(".tracker_type").val();
                        defultNum(trackerType);
                        $(_this).parents("tr").remove();
                    layer.close(index);
                }
            });     

layer.close(index);
//關閉當前的 彈出框

3、彈出一個自定義html內容的彈層

layer.open({
  type: 1 //Page層類型
  ,area: ['500px', '300px']
  ,title: '你好，layer。'
  ,shade: 0.6 //遮罩透明度
  ,maxmin: true //允許全屏最小化
  ,anim: 1 //0-6的動畫形式，-1不開啟
  ,content: '<div>這是一個非常普通的頁面層，傳入了自定義的html</div>'
});    
  

4、關閉彈出層

//當你想關閉當前頁的某個層時
var index = layer.open();
var index = layer.alert();
var index = layer.load();
var index = layer.tips();
//正如你看到的，每一種彈層調用方式，都會返回一個index
layer.close(index); //此時你只需要把獲得的index，輕輕地賦予layer.close即可
 
//如果你想關閉最新彈出的層，直接獲取layer.index即可
layer.close(layer.index); //它獲取的始終是最新彈出的某個層，值是由layer內部動態遞增計算的
 
//當你在iframe頁面關閉自身時
var index = parent.layer.getFrameIndex(window.name); //先得到當前iframe層的索引
parent.layer.close(index); //再執行關閉  

4、加載層

/加載層

var index = layer.load(0, {shade: false}); //0代表加載的風格，支持0-2
//loading層

var index = layer.load(1, {
  shade: [0.1,'#fff'] //0.1透明度的白色背景
});

總結

以上是生活随笔為你收集整理的layer弹出框的用法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。