发布于 2016-11-07 06:56:42 | 284 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的精品教程,程序狗速度看过来!

Layer弹出层组件

layer,一个可以让你想到即可做到的web弹窗(层)解决方案(js组件),作者贤心(前端开发工程师)。layer侧重于用户灵活的自定义,为不同人的使用习惯提供动力。其意义在于,可以让您的页面拥有更丰富与便捷的操作体验,而您只需在调用时简单地配置相关参数,即可轻松实现。


在决定这个大版本更新之前,很多人建议应该把时间放在刚刚发布的 Layui 上,因为layer已经比较成熟了,没必要再更新。但是,坚持layer是一种情怀,为了对得起“国内最多人使用的弹层组件”,仍然义无反顾地追寻一个更完备的layer。于是这种期许毫无疑问被赋予在了layer 3.0上,它将会是一个更成熟的方案,在它所服务的Web弹层领域,竭力做到极致。

更新日志

【v3.0】 2016.11.07

  • 新增拖动弹层右下角可调节弹层尺寸的功能,由参数resize控制,默认开启。对loading、tips层无效

  • offset参数新增 t、r、b、l、lt、lb、rt、rb、的赋值,可快捷实现上、右、下、左、左上角、左下角、右上角、右下角的边缘定位

  • 新增btnAlign参数,支持三个参数:l/c/r,分别用于控制按钮居左、居中、居右的快捷设置(默认r,即居右)

  • 点击最小化时,自动定位到页面左下角,在出现多个最小化时,会依次排列,这是一次较为重大的完善。

  • 新增关闭层的过度动画
     

  • 重写拖拽核心代码,性能大幅度提升

  • layer.config核心调整

  • layer.config中的extend参数只提供加载一个css皮肤文件(详见文档)

  • 处理在head标签中执行layer弹层无效的情况

  • 瘦身layer.ready方法

  • 修改iframe层的loading动画

  • 捕获页类型的弹层在关闭时,会根据所捕获元素的初始display值,进行不同处理,即不再强制隐藏。
     

  • 剔除moveType参数,只提供默认的一种拖拽风格

  • 剔除语义欠佳的fix参数,改为fixed取代

  • 剔除语义欠佳的shift参数,改为anim取代,不过仍然对shift参数兼容
     

  • 完善tips层细节

  • 将prompt层改成页面层结构,即当你弹出prompt层时,再弹出msg,不会将prompt销毁。

  • prompt层的textarea模式支持area参数来设定宽高

  • layer.css大面积改善

  • 降解IE6的fixed支持,不过仍然对ie6兼容(话说现在全浏览器兼容的组件已经不多了,layer后续会整理出不兼容ie6/7的版本)
     

  • 修复iframe层在用于iPhone设备时,无法触发滚动的Bug

——————————————

对于多年来使用layer的人而言,这个版本想必会收获较多惊喜。
在线演示:http://layer.layui.com/



历史版本 :
layer 3.1.0 发布,经典的 Web 弹层解决方案
layer 3.0.3 发布,多处友善的更新细节
layer 3.0.2 发布,千锤百炼下的稳健Web弹层方案
layer 3.0.0 发布 ,Web 弹层一次全方位的增强
layer 2.4 发布,兼容 jQuery 3.0
Layer 2.3 发布,web 弹层组件
layer 2.2 发布,jQuery Plugin 时代最后的余晖
layer 2.1发布,web 弹层全方位解决方案
layer 2.0 发布 高定制化web弹层组件
layer 1.9.3 发布,最盛行的 web 弹层解决方案
layer 1.9.2 发布,国产 Web 弹层不懈的前行者
layer 1.9.1 发布,国产Web弹层不懈的探索者
最新网友评论  共有(0)条评论 发布评论 返回顶部

Copyright © 2007-2017 PHPERZ.COM All Rights Reserved   冀ICP备14009818号  版权声明  广告服务