layer弹出层组件下载|layer弹出层组件 V3.5.1 免费版下载

layer弹出层组件是一款功能十分强大的网页开发编程辅助工具，知识兔这款工具能够帮助用户更好地完成网页开发工作，能够完美兼容主流的windows浏览器，可支持以更少的代码来展现完整的代码功能，大大提高用户的工作效率，有需要的小伙伴千万不要错过哦。

【应用场景】

layer弹出层组件最新版模块化使用

如果知识兔你使用的是 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. 然后知识兔将制作好的皮肤发送给官方邮箱。

下载仅供下载体验和测试学习，不得商用和正当使用。

点击下载