Layer.js——彈窗/提示/詢問/載入/層
阿新 • • 發佈:2019-01-29
簡介
layer是一款近年來備受青睞的web彈層元件,她具備全方位的解決方案,您的頁面會輕鬆地擁有豐富友好的操作體驗。
在與同類元件的比較中,layer總是能輕易獲勝。她儘可能地在以更少的程式碼展現更強健的功能,且格外注重效能的提升、易用和實用性。layer相容了包括IE6在內的所有主流瀏覽器。 她數量可觀的介面,使得您可以自定義太多您需要的風格,每一種彈層模式各具特色,廣受歡迎。
layer遵循LGPL協議,將永久性提供無償服務。歷經數年,截至到2015年09月01日,已運用在10萬餘家web平臺,其中包括中國聯通、螞蟻短租、慕課網、phpyun等等知名網站。
相容
包括IE6在內的所有主流瀏覽器。使用方法
1. 注意目錄
css和預設圖示都在skin目錄下。
2.不必引入css(因為layer.js裡已經載入)
3. JavaScript
<scriptsrc="../js/layer.js"></script> 目前最新是v2.4版本
<script>
- //eg1
- var index = layer.load();
- //eg2
- var index = layer.load(1); //換了種風格
- //eg3
- var index = layer.load(2, {time: 10*1000}); //又換了種風格,並且設定最長等待10秒
- //關閉
- layer.close(index);
-
//彈出頁面層
- layer.open({
- type: 1,
- skin: 'layui-layer-rim', //加上邊框
- area: ['420px', '240px'], //寬高
- content: 'html內容'
- });