layer彈出層組件是一款非常實(shí)用的網(wǎng)頁(yè)開(kāi)發(fā)輔助工具，能夠幫助用戶用更少的代碼展現(xiàn)更完整的功能，同時(shí)這個(gè)組件還兼容了包括IE6在內(nèi)的所有主流瀏覽器。功能十分強(qiáng)大，這個(gè)組件可以與layui框架一起使用，也可以獨(dú)立單獨(dú)使用，感興趣的小伙伴快來(lái)下載體驗(yàn)吧！

軟件特色

歷年來(lái)備受青睞的layer彈出層組件最新版，具備全方位的解決方案，面向各個(gè)水平段的開(kāi)發(fā)人員，您的頁(yè)面會(huì)輕松地?fù)碛胸S富友好的操作體驗(yàn)。它盡可能地在以更少的代碼展現(xiàn)更強(qiáng)健的功能，且格外注重性能的提升、易用和實(shí)用性，甚至還兼容了包括IE6在內(nèi)的所有主流瀏覽器。其數(shù)量可觀的基礎(chǔ)屬性和方法，使得您可以自定義太多您需要的風(fēng)格，每一種彈層模式各具特色，廣受歡迎。

應(yīng)用場(chǎng)景

layer彈出層組件最新版模塊化使用

如果你使用的是 layui，那么你直接在官網(wǎng)下載 layui 框架即可，無(wú)需引入 jQuery 和 layer.js，但需要引入layui.css和layui.js

作為獨(dú)立組件使用

如果你只是單獨(dú)想使用 layer，你可以去 layer 獨(dú)立版本官網(wǎng)下載組件包。你需要在你的頁(yè)面引入jQuery1.8以上的任意版本，并引入layer.js。

使用說(shuō)明

layer彈出層組件最新版皮膚制作說(shuō)明

第一步：命名文件夾

在layer的skin目錄建立一個(gè)文件夾，假設(shè)您將該文件夾命名為：yourskin

第二步：創(chuàng)建樣式等文件

在yourskin文件夾下建立一個(gè)單獨(dú)的樣式文件，務(wù)必命名為：style.css。并且你可能用到的圖片也要存放在該文件夾下

第三步：書(shū)寫(xiě)樣式

1. 務(wù)必在第一行加上這句：

/* 選擇器格式為：html #layui_layer_skin文件夾名stylecss，這一點(diǎn)非常重要 */

html #layui_layer_skinyourskinstylecss{display:none; position: absolute; width:1989px;}

2. 繼續(xù)書(shū)寫(xiě)務(wù)必遵循這種格式：

body .layer-ext-yourskin .layui-layer-title{}

body .layui-ext-yourskin .layui-layer-btn{}

body .layui-ext-yourskin .layui-layer-btn a{}

/* 你可以通過(guò)調(diào)試工具重置更多樣式 */

第四步：調(diào)試

通過(guò)全局配置看看你的皮膚定義的如何：

layer.config({

extend: ['skin/myskin/style.css'], //加載您的擴(kuò)展樣式

skin: 'layer-ext-yourskin'

});

layer.alert('layer皮膚-Yourskin');

第五步：發(fā)布

1. 現(xiàn)在你已經(jīng)成功制作了一個(gè)皮膚了，如果你覺(jué)得它很美，你可以共享出更多的人使用。

2. 那么你應(yīng)該制作一個(gè)簡(jiǎn)單的頁(yè)面來(lái)介紹你的皮膚，提供盡可能簡(jiǎn)單的使用說(shuō)明。

3. 然后將制作好的皮膚發(fā)送給官方郵箱。

更新日志

3.5.1

[優(yōu)化] 局部樣式細(xì)節(jié)

[修復(fù)] layer.photos 層在 iframe 頁(yè)面中通過(guò) parent 無(wú)法彈出的歷史彌久問(wèn)題

3.5.0

[優(yōu)化] 當(dāng)點(diǎn)擊最小化時(shí)，讓遮罩消失，窗口還原時(shí)恢復(fù)遮罩

[優(yōu)化] 容器構(gòu)建的核心代碼，以解決自 3.3 以來(lái)在特殊場(chǎng)景下存在的某些異常問(wèn)題

[新增] minStack 參數(shù)，用于控制最小化后是否默認(rèn)堆疊在左下角

3.4.0

[優(yōu)化] layer 組件的 close 和 closeAll 方法，第二個(gè)參數(shù)可傳入回調(diào)，用于層被關(guān)閉后的操作

[修復(fù)] layer 組件的 photos 層對(duì)動(dòng)態(tài)生成的圖片無(wú)法識(shí)別的問(wèn)題

[修復(fù)] layer 組件在 Ajax 等場(chǎng)景下，存在概率性無(wú)法關(guān)閉層的問(wèn)題

[優(yōu)化] layer 組件的 photos 相關(guān)樣式，上下切換圖標(biāo)調(diào)整到頁(yè)面左右邊緣，圖片描述和序號(hào)調(diào)整到頁(yè)面底部