1 20 50 150 500
欢迎来到瑞博软件站,找素材,搜软件,就上瑞博软件站!
当前位置 >首页 >软件下载 >电脑软件 >网络工具 >浏览器类

layer弹出层 v1.9.3 官方最新版

软件信息
  • 分类:浏览器类
  • 大小:44KB
  • 语言: 中文
  • 环境: WinAll
  • 更新:2024-07-12
  • 评级:
  • 系统: Windows Linux Mac Ubuntu
  • 软件类别: 国产软件 / 免费软件 / 浏览辅助
  • 插件情况:
  • 相关链接: http://www.cr173.com

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

注意事项:

一、使用时,请把文件夹layer整个放置在您站点的任何一个目录,只需引入layer.js即可,除jQuery外,其它文件无需再引入。

二、如果您的js引入是通过合并处理或者您不想采用layer自动获取的绝对路径,您可以通过layer.config()来配置(详见官网API页)

三、jquery需1.8+

四、更多使用说明与演示,请参见layer官网。

五、使用时请务必保留来源,请勿用于违反我国法律的web平台。

六、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({
   extend: ['skin/myskin/style.css'], //加载您的扩展样式
   skin: 'layer-ext-yourskin'
});
layer.alert('layer皮肤-Yourskin');

【最后一步】:发布
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。

> 剔除了一些图片。

下载地址

热门软件

Top