layer之web彈出元件

對！就是在昨天2017-2-14，讓我在一次偶然的機會遇見了她，並深深的愛上了她。

然後你需要對layer.js這個檔案進行引入，但是在引入之前你必須引入jquery而且版本必須是1.8或者以上的版本！

例如：


charset="utf-8">
開始使用layertitle>
head>
id="test1">小小提示層button>
src="jquery-1.8.2.min.js">
script>
src="layer/layer.js">
script>
// $("#test1").click(function())
//***********
// $('#test1').on('click', function());
//***********
$('#test1').on('click', function
());
});script>
當然，你也可以寫在外部的js檔案
body>
html>

注意：layer.js中的資料是以json格式儲存的，json語法如下：

1.彈出乙個頁面層

$('#test1').on('click', function
());
});

2.彈出乙個iframe層

$('#parentiframe').on('click', function
());
});

3.彈出乙個loading層

$('#test4').on('click', function
(), 1000);
});

4彈出乙個tips層

$('#test5').on('click', function
());

layer關閉彈出層，彈出列印

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

layer彈出示例

注意事項一使用時，請把資料夾layer整個放置在您站點的任何乙個目錄，只需引入layer.js即可，除jquery外，其它檔案無需再引入。二如果您的js引入是通過合併處理或者您不想採用layer自動獲取的絕對路徑，您可以通過layer.config 來配置詳見官網api頁三 jquery需...

layer彈出相簿層

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

layer之web彈出元件

layer關閉彈出層，彈出列印

layer彈出示例

layer彈出相簿層

相關推薦