layer弹出层

layer是一款用户量很大的web弹层组件，其兼容了包含IE6在内的所有主流浏览器。她数目可观的接口，使得你可以自概念太多你需要的风格，每一种弹层模式各具特点。layer拥有全方位的解决方法，致力于服务各水平段的开发职员，你的页面会轻松地拥有丰富友好的操作体验。

需要注意的地方：

1、用时，请把文件夹layer整个放置在你站点的任何一个目录，仅需引入layer.js即可，除jQuery外，其它文件不需要再引入。

2、假如你的js引入是通过合并处置或者你不想使用layer自动获得的绝对路径，你可以通过layer.config来配置（详见官方网站API页）

3、jquery需1.8+

4、更多使用详解与演示，请参见layer官方网站。

5、用时请务必保留来源，请不要用于违反国内法律的web平台。

6、layer遵循LGPL协议，将永久性提供免费服务。版权最后讲解权：贤心。

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;
layer.alert;

【最后一步】：发布
1. 目前你已经成功制作了一个皮肤了，假如你感觉它非常美，你可以共享出更多的人用。
2. 那样你应该制作一个简单的页面来介绍你的皮肤，提供尽量简单的用法说明（就像这个：layer.seaning.com）。
3. 然后将你的皮肤主题页网址通过任意途径发给贤心（譬如可以通过邮箱：xu@sentsin.com

更新日志：

【1.9.3】2015.05.23

新增skin值：layui-layer-rim，用于给层加边框（类似1.85的风格）

修复全局设置皮肤时，部分种类层未起用途的bug。

样式微调

== 拓展模块 ==

修复相册层设定基础参数时，只有初次有效的bug。

【1.9.2】2015.05.08

增加关闭动画样式：layui-layer-close

优化默认弹出动画

优化默认图标，默认的icon支持缩减到0-6（拓展皮肤可自己任意设定支持的数目）

优化部分样式

机智地修复了一个隐藏得很深的但不是太要紧的bug。

剔除去一些图片。

TAG标签：layer(1)web弹层组件(1)

转载请说明来源于木蚂蚁软件园（https://www.stgccy.com）

本文地址：https://www.stgccy.com/xz/1143.html

郑重声明：文章来源于网络作为参考，本站仅用于分享不存储任何下载资源,如果网站中图片和文字侵犯了您的版权，请联系我们处理！邮箱3450399331@qq.com