功能強大,實用,操作方便,文件齊全。
常用功能**:
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...