網(wǎng)友評分:
5分
layer彈出層組件是一款功能十分強(qiáng)大的網(wǎng)頁開發(fā)編程輔助工具,這款工具能夠幫助用戶更好地完成網(wǎng)頁開發(fā)工作,能夠完美兼容主流的windows瀏覽器,可支持以更少的代碼來展現(xiàn)完整的代碼功能,大大提高用戶的工作效率,有需要的小伙伴千萬不要錯過哦。
layer彈出層組件最新版模塊化使用
如果你使用的是 layui,那么你直接在官網(wǎng)下載 layui 框架即可,無需引入 jQuery 和 layer.js,但需要引入layui.css和layui.js
作為獨(dú)立組件使用
如果你只是單獨(dú)想使用 layer,你可以去 layer 獨(dú)立版本官網(wǎng)下載組件包。你需要在你的頁面引入jQuery1.8以上的任意版本,并引入layer.js。
layer彈出層組件最新版皮膚制作說明
第一步:命名文件夾
在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{}
/* 你可以通過調(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)成功制作了一個(gè)皮膚了,如果你覺得它很美,你可以共享出更多的人使用。
2. 那么你應(yīng)該制作一個(gè)簡單的頁面來介紹你的皮膚,提供盡可能簡單的使用說明。
3. 然后將制作好的皮膚發(fā)送給官方郵箱。
標(biāo)簽: 網(wǎng)頁開發(fā)
關(guān)于本站|下載幫助|下載聲明|軟件發(fā)布|聯(lián)系我們
Copyright ? 2005-2024 www.wndwig.cn.All rights reserved.
浙ICP備2024132706號-1 浙公網(wǎng)安備33038102330474號