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