1. 程式人生 > >Layer.js——彈窗/提示/詢問/載入/層

Layer.js——彈窗/提示/詢問/載入/層

             

     簡介

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>

  1. //eg1
  2. var index = layer.load();
  3. //eg2
  4. var index = layer.load(1); //換了種風格
  5. //eg3
  6. var index = layer.load(2, {time: 10*1000}); //又換了種風格,並且設定最長等待10秒
  7. //關閉
  8. layer.close(index);
  1. //彈出頁面層

  2. layer.open({
  3. type: 1,
  4. skin: 'layui-layer-rim', //加上邊框
  5. area: ['420px', '240px'], //寬高
  6. content: 'html內容'
  7. });
</script>

引數

推薦您直接閱讀API文件