/简体中文/
/简体中文/
/简体中文/
/简体中文/
/简体中文/
/简体中文/
/简体中文/
/简体中文/
/简体中文/
/简体中文/
软件Tags: layer弹出层
layer是一款用户数量十分大的web弹层部件,其兼容了包含IE6以内的全部主流浏览器。她总数丰厚的插口,促使您可以自定过多您要的设计风格,每一种弹层方式各有特色。layer具有多方位的解决方法,专注于服务项目各水准段的开发者,您的网页页面会轻轻松松地有着丰富多彩友善的操控感受。
一、应用时,请把文件夹layer全部置放在您网站的任意一个文件目录,只需引入layer.js就可以,除jQuery外,其他文档不用再引入。
二、假如您的js引入是在合拼解决或是您不愿选用layer全自动获得的相对路径,您可以根据layer.config()来配备(详细官方网站API页)
三、jquery需1.8
四、大量使用说明书与演试,请参照layer官网。
五、应用时请尽量保存来源于,切勿用以违背在我国法律法规的web服务平台。
六、layer遵循LGPL协议书,将永久给予免费服务项目。著作权最终解释权:贤心。
【第一步】:取名文件夹
在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. 那麼你应该制做一个简洁的窗口来详细介绍你的皮肤,给予尽量简易的使用说明书(如同这一:layer.seaning)。
3. 随后将你的皮肤主题风格页网站地址根据随意方式发送给贤心(例如可以根据电子邮箱:xu@sentsin
【1.9.3】2015.05.23
gt; 增加skin值:layui-layer-rim,用以给层加外框(相近1.85的设计风格)
gt; 修补全局性设定皮肤时,一部分种类层未起的作用的bug。
gt; 样式调整
== 扩展控制模块 ==
gt; 修补相册图片层设置基本主要参数时,仅有第一次合理的bug。
【1.9.2】2015.05.08
gt; 提升关掉动漫样式:layui-layer-close
gt; 提升默认设置弹出来动漫
gt; 提升默认设置标志,默认设置的icon适用缩减到0-6(扩展皮肤可自身随意设置适用的数量)
gt; 提升一部分样式
gt; 机敏地恢复了一个掩藏得十分深的可是并不是太关键的bug。
gt; 去除了一些图片。
Copyright 2019-2022 版权所有
声明: 所有软件和文章来自互联网 如有异议 请与本站联系socangkefu@foxmail.com 本站为非赢利性网站 不接受任何赞助和广告 技术支持