打开网易新闻 查看更多图片

导读：
弹出层几乎在任何项目中都会用到，各种场景，提示信息、询问信息、tips提示、iframe层、loading层等等，之前开发中，这些都是通过jQuery自己编写代码实现，通用性、浏览器兼容性都比较差，今天推荐一款国产的web弹出层组件，它就是layer，作者这样称呼它“国内最多人使用的弹层组件”，我给它的评价是“最好用的弹出层组件”，接下来大家就赶快随郑州课工场小编一起学习下吧。
简介：
  • layer是一款近年来口碑极佳的web弹层组件，她具备全方位的解决方案，致力于服务各个水平段的开发人员，您的页面会轻松地拥有丰富友好的操作体验。
  • 在与同类组件的比较中，layer总是能轻易获胜。她尽可能地在以更少的代码展现更强健的功能，且格外注重性能的提升、易用和实用性，正因如此，越来越多的开发者将媚眼投上了layer。
  • layer兼容了包括IE6在内的所有主流浏览器。
  • 她数量可观的接口，使得您可以自定义太多您需要的风格，每一种弹层模式各具特色，皆广受欢迎。
  • 历经多年，截至到2016年11月7号，已超过20万家web平台正在使用layer，其中不乏知名网站。
  • 目前最新版本是3.0（2016年11月7日更新）
下载：
下载地址：http://res.layui.com/download/layer-v3.0.zip
使用：
layer的使用非常简单，只需要在代码中引入下载文件中layer.js即可（当然了jQuery是必要的组件）：
效果：
是不是很简单啊~~
更多的用法参见官网：http://layer.layui.com/
更多效果：
带图标的提示框：
确认框：
tips提示：

tab弹出框：

打开网易新闻 查看更多图片
prompt层：
自定义页：
结束：
怎么样？ 一款功能强大的弹出层组件就这样简单的用起来了，赶紧把你项目中那些臃肿的弹出层代码扔到垃圾桶吧~~ 哈哈~~