導讀:建站文章建站文章layui彈出層的使用方法:首先介紹JQuery1.8以上的任何版本；然后介紹laery.js；最后通過“functionshow(){vara=layer.o網(wǎng)站seo優(yōu)化軟件seo網(wǎng)站優(yōu)化。

layui彈出層的使用方法:首先介紹JQuery1.8以上的任何版本；然后介紹laery.js；最后通過“function show(){var a = layer.open({...});}使用laery的方法.open彈出層即可。

layer 在 layui 系統(tǒng)中的特殊位置甚至讓很多人誤以為是 layui = layer ui，因此再次強調(diào) layer 只是作為 layui 彈層模塊

1、要獲得laery，需要去官網(wǎng)下載laery.js 地址--http://layer.layui.com/

2、介紹laery.js 在此之前，您必須介紹任何版本的JQuery超過1.8

<script src="http://libs.baidu.com/jquery/2.1.1/jquery.min.js"></script> <script src="layer/layer.js"></script>

3、使用laery.open();

function show(){ var a = layer.open({ type: 2, area: ['80%','450px'], title: '我是標題', shadeClose: true, content: ['layer_model.html','no'] }); }

基礎參數(shù)

1. type 類型

type: 1, // (信息框，默認)1(頁面網(wǎng)站seo優(yōu)化培訓層)2(iframe層)3(加載層)4(tips層)

2. title 標題

title:"我是標題", //如果您還需要定制標題區(qū)域樣式，您可以使用title: ['文本', 'font-size:18px;'] 數(shù)組第二項可以寫任何css風格； //如果不想顯示標題欄，可以 title: false

3. content 內(nèi)容

3.1.假如是頁面層

layer.open({ type: 1, content: '傳輸任何文本或html' content在這里是一個普通的String }); layer.open({ type: 1, content: $('#id') ///這里的content是DOM。注意:最好將這個元素存儲在body的最外層，否則可能會受到其他相對元素的影響 })網(wǎng)站seo優(yōu)化診斷工具; ///Ajax獲取 $.post('url', {}, function(str){ layer.open({ type: 1, content: str //注意，如果str是object，則需要字符拼接。 }); });

示例:

3.2.如果iframe層是iframe

layer.open({ type: 2, content: 'http://sentsin.com' ///這里的content是URL，如果不想讓iframe出現(xiàn)滾動條，也可以contententent: ['http://sentsin.com', 'no'] });

示例:

3.3.如果是layer.open執(zhí)行tips層

layer.open({ type: 4, content: ['內(nèi)容', '#id'] //數(shù)組第二項是吸附元素選擇器或DOM });

示例:

4. area 寬高

在默認情況下，layer適應寬度和高度，但當你只想定義寬度時，你可以area: '500px'，高度仍然是自適應的。當你必須定義寬度和高度時，你可以 area: ['500px', '300px']

5. btn 按鈕

在信息框模式下，btn默認為確認按鈕，其他層類型默認不顯示，加載層和tips層無效。當你只想定制一個按鈕時，你可以btn: '我知道'，當您需要定義兩個按鈕時，您可以btn: ['yes', 'no']。當然，您也可以定義更多的按鈕，例如：btn: ['按鈕1', '按鈕2', '按鈕3', …]，按鈕1的回調(diào)是yes，從按鈕2開始，回調(diào)為btn2: function(){}以此類推。如：

關鍵詞標簽: 建站 使用方法 彈出