导读：

弹出层几乎在任何项目中都会用到，各种场景，提示信息、询问信息、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层：

自定义页：

结束：

怎么样？ 一款功能强大的弹出层组件就这样简单的用起来了，赶紧把你项目中那些臃肿的弹出层代码扔到垃圾桶吧~~ 哈哈~~