牛逼的 彈出層 layer !!!

2022-01-30 22:49:29 字數 4260 閱讀 3456

功能強大,實用,操作方便,文件齊全。

常用功能**:

doctype html

>

<

html

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>layer-更懂你的web彈窗解決方案

title

>

<

script

src=""

>

script

>

<

script

src="layer/layer.js"

>

script

>

<

script

src="layer/extend/layer.ext.js"

>

script

>

head

>

<

body

>

<

script

>

function

func1()

function

func2() );

}function

func3() ,

function

());

}, function

());

});}

function

func4()

function

func5() ,

function

());

});}

function

func6() );

}});

}function

func7() );

}function

func8() );

}function

func9()

function

func10() );

}function

func11() );

}});

}function

func12() );

//0代表載入的風格,支援0-2

}

function

func13() );

}function

func14() );

}function

func15() ,

function

(pass),

function

(text));

});}

function

func16() , , ]

});}

function

openpage() );

//頁面一開啟就執行,放入ready是為了layer所需配件(css、擴充套件模組)載入完畢

layer.ready(

function

() );

layer.msg(

'歡迎使用layer');

});

}script

>

<

div

class

="layer_notice"

>hello,i'm layer!

div>

<

button

id="func1"

onclick

="func1();"

>初體驗

button

>

<

button

id="func2"

onclick

="func2();"

>**

button

>

<

button

id="func3"

onclick

="func3();"

>詢問框

button

>

<

button

id="func4"

onclick

="func4();"

>提示層

button

>

<

button

id="func5"

onclick

="func5();"

>藍色風格

button

>

<

button

id="func6"

onclick

="func6();"

>捕捉頁

button

>

<

button

id="func7"

onclick

="func7();"

>頁面層

button

>

<

button

id="func8"

onclick

="func8();"

>自定義

button

>

<

button

id="func9"

onclick

="func9();"

>tips層

button

>

<

button

id="func10"

onclick

="func10();"

>iframe層

button

>

<

button

id="func11"

onclick

="func11();"

>iframe窗

button

>

<

button

id="func12"

onclick

="func12();"

>載入層

button

>

<

button

id="func13"

onclick

="func13();"

>loading層

button

>

<

button

id="func14"

onclick

="func14();"

>小tips

button

>

<

button

id="func15"

onclick

="func15();"

>prompt層

button

>

<

button

id="func16"

onclick

="func16();"

>tab層

button

>

<

button

id="openpage"

onclick

="openpage();"

>openpage

button

>

<

button

id="tips"

>tips

button

>

<

button

id="tips2"

>tips2

button

>

body

>

html

>

引數靈活,豐富。可以作為開發專案的公共模組,多處使用。

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彈出層的位置設定

1 給彈出層id及資訊,方便獲取其寬度和高度 var index layer.msg data.info,2 根據具體情況計算出彈出層的top和left,用offset設定其位置 layer.msg index,例子,設定layer彈出層在彈出層 id為pop reg 的中間 水平垂直居中 位置 v...