layer是一款用戶量非常大的web彈層組件,其兼容了包括IE6在內(nèi)的所有主流瀏覽器。 她數(shù)量可觀的接口,使得您可以自定義太多您需要的風(fēng)格,每一種彈層模式各具特色。layer具備全方位的解決方案,致力于服務(wù)各水平段的開發(fā)人員,您的頁面會輕松地?fù)碛胸S富友好的操作體驗。
注意事項:
一、使用時,請把文件夾layer整個放置在您站點的任何一個目錄,只需引入layer.js即可,除jQuery外,其它文件無需再引入。
二、如果您的js引入是通過合并處理或者您不想采用layer自動獲取的絕對路徑,您可以通過layer.config()來配置(詳見官網(wǎng)API頁)
三、jquery需1.8+
四、更多使用說明與演示,請參見layer官網(wǎng)。
五、使用時請務(wù)必保留來源,請勿用于違反我國法律的web平臺。
六、layer遵循LGPL協(xié)議,將永久性提供無償服務(wù)。版權(quán)最終解釋權(quán):賢心。
layer皮膚制作說明:
【第一步】:命名文件夾
在layer的skin目錄建立一個文件夾,假設(shè)您將該文件夾命名為:yourskin
【第二步】:創(chuàng)建樣式等文件
在yourskin文件夾下建立一個單獨的樣式文件,務(wù)必命名為:style.css。并且你可能用到的圖片也要存放在該文件夾下
【第三步】:書寫樣式
1. 務(wù)必在第一行加上這句:
/* 選擇器格式為:html #layui_layer_skin文件夾名stylecss,這一點非常重要 */
html #layui_layer_skinyourskinstylecss{display:none; position: absolute; width:1989px;}
2. 繼續(xù)書寫務(wù)必遵循這種格式:
body .layer-ext-yourskin .layui-layer-title{}
body .layui-ext-yourskin .layui-layer-btn{}
body .layui-ext-yourskin .layui-layer-btn a{}
/* 你可以通過調(diào)試工具重置更多樣式 */
【第四步】:調(diào)試
通過全局配置看看你的皮膚定義的如何:
layer.config({
extend: ['skin/myskin/style.css'], //加載您的擴(kuò)展樣式
skin: 'layer-ext-yourskin'
});
layer.alert('layer皮膚-Yourskin');
【最后一步】:發(fā)布
1. 現(xiàn)在你已經(jīng)成功制作了一個皮膚了,如果你覺得它很美,你可以共享出更多的人使用。
2. 那么你應(yīng)該制作一個簡單的頁面來介紹你的皮膚,提供盡可能簡單的使用說明(就像這個:layer.seaning.com)。
3. 然后將你的皮膚主題頁網(wǎng)址通過任意渠道發(fā)給賢心(比如可以通過郵箱:xu@sentsin.com
更新日志:
【1.9.3】2015.05.23
> 新增skin值:layui-layer-rim,用于給層加邊框(類似1.85的風(fēng)格)
> 修復(fù)全局設(shè)置皮膚時,部分類型層未起作用的bug。
> 樣式微調(diào)
== 拓展模塊 ==
> 修復(fù)相冊層設(shè)定基礎(chǔ)參數(shù)時,只有首次有效的bug。
【1.9.2】2015.05.08
> 增加關(guān)閉動畫樣式:layui-layer-close
> 優(yōu)化默認(rèn)彈出動畫
> 優(yōu)化默認(rèn)圖標(biāo),默認(rèn)的icon支持縮減到0-6(拓展皮膚可自己任意設(shè)定支持的數(shù)目)
> 優(yōu)化部分樣式
> 機(jī)智地修復(fù)了一個隱藏得非常深的但是不是太重要的bug。
> 剔除了一些圖片。