layer彈出層的位置設定

2021-08-05 23:42:57 字數 826 閱讀 3992

1、給彈出層id及資訊,方便獲取其寬度和高度

var index = layer.msg(data.info,);

2、根據具體情況計算出彈出層的top和left,用offset設定其位置

layer.msg(index,);

例子,設定layer彈出層在彈出層(id為pop-reg)的中間(水平垂直居中)位置

var offset = $('#pop-reg').offset();

var pt = offset.top;//獲取彈出層的top

var pl = offset.left;//獲取彈出層的left

var ph = $('#pop-reg').height();//獲取彈出層的高度

var pw = $('#pop-reg').width();//獲取彈出層的寬度

var index = layer.msg(data.info,);//給layer彈出層定義id

var pph = number($('#reg-id').height()) + 24;//layer彈出層的高度,layer預設的padding-top:12px;padding-bottom:12px;所以此處加上24

var ppw = number($('#reg-id').width()) + 50;//layer彈出層的寬度,layer預設的padding-left:25px;padding-right:25px;所以此處加上50

var ppt = (pt + ph/2 - pph/2) + 'px';

var ppl = (pl + pw/2 - ppw/2) + 'px';

layer.msg(index,);

layer彈出相簿層

如果想要製作乙個簡單的相簿,可以採用這個外掛程式的方法。如果你的是從後台傳過來的json格式裡,可以通過ajax載入讓顯示在頁面上,然後在使用layer外掛程式,做出點選以後就可以檢視大圖的效果。1.頁面 div class main id main div 2.ajax請求 document re...

layer關閉彈出層,彈出列印

常規的話,下面能夠完成關閉彈出層 var index parent.layer.getframeindex window.name 延遲關閉 解決列印視窗彈不出來的情況 parent.layer.close index 可是當這裡需要關閉的同時彈出列印視窗的時候,就會發現失效了,能關閉,可是列印視窗...

牛逼的 彈出層 layer !!!

功能強大,實用,操作方便,文件齊全。常用功能 doctype html html head meta charset utf 8 title layer 更懂你的web彈窗解決方案 title script src script script src layer layer.js script sc...