layer彈出層組件主要在web平臺上有著極為廣泛的應用，因為其簡單的代碼、穩定的性能而深受廣大技術人員的喜歡，可以兼容支持基本上所有的瀏覽器。

組件介紹

歷年來備受青睞的Web彈出層組件，具備全方位的解決方案，面向各個水平段的開發人員，您的頁面會輕松地擁有豐富友好的操作體驗。它盡可能地在以更少的代碼展現更強健的功能，且格外注重性能的提升、易用和實用性，甚至還兼容了包括IE6在內的所有主流瀏覽器。其數量可觀的基礎屬性和方法，使得您可以自定義太多您需要的風格，每一種彈層模式各具特色，廣受歡迎。

應用場景

layui模塊化使用

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

作為獨立組件使用

‍

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

layer皮膚制作說明

第一步：命名文件夾

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

第二步：創建樣式等文件

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

第三步：書寫樣式

1. 務必在第一行加上這句：

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

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

2. 繼續書寫務必遵循這種格式：

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

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

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

/*  你可以通過調試工具重置更多樣式 */

第四步：調試

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

layer.config({

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

   skin: 'layer-ext-yourskin'

});

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

第五步：發布

1. 現在你已經成功制作了一個皮膚了，如果你覺得它很美，你可以共享出更多的人使用。

2. 那么你應該制作一個簡單的頁面來介紹你的皮膚，提供盡可能簡單的使用說明。

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

更新日志

3.5.1

[優化] 局部樣式細節

[修復] layer.photos 層在 iframe 頁面中通過 parent 無法彈出的歷史彌久問題

3.5.0

[優化] 當點擊最小化時，讓遮罩消失，窗口還原時恢復遮罩

[優化] 容器構建的核心代碼，以解決自 3.3 以來在特殊場景下存在的某些異常問題

[新增] minStack 參數，用于控制最小化后是否默認堆疊在左下角

3.4.0

[優化] layer 組件的 close 和 closeAll 方法，第二個參數可傳入回調，用于層被關閉后的操作

[修復] layer 組件的 photos 層對動態生成的圖片無法識別的問題

[修復] layer 組件在 Ajax 等場景下，存在概率性無法關閉層的問題

[優化] layer 組件的 photos 相關樣式，上下切換圖標調整到頁面左右邊緣，圖片描述和序號調整到頁面底部