popup弹出层代码(popup弹窗)

　　导读：

　　弹出层几乎在任何项目中都会用到，各种场景，提示信息、询问信息、tips提示、iframe层、loading层等等，之前开发中，这些都是通过jQuery自己编写代码实现，通用性、浏览器兼容性都比较差，今天推荐一款国产的web弹出层组件，它就是layer，作者这样称呼它“国内最多人使用的弹层组件”，我给它的评价是“最好用的弹出层组件”，接下来大家就赶快随郑州课工场小编一起学习下吧。

　　简介：

layer是一款近年来口碑极佳的web弹层组件，她具备全方位的解决方案，致力于服务各个水平段的开发人员，您的页面会轻松地拥有丰富友好的操作体验。

在与同类组件的比较中，layer总是能轻易获胜。她尽可能地在以更少的代码展现更强健的功能，且格外注重性能的提升、易用和实用性，正因如此，越来越多的开发者将媚眼投上了layer。

layer兼容了包括IE6在内的所有主流浏览器。

她数量可观的接口，使得您可以自定义太多您需要的风格，每一种弹层模式各具特色，皆广受欢迎。

历经多年，截至到2016年11月7号，已超过20万家web平台正在使用layer，其中不乏知名网站。

目前最新版本是3.0（2016年11月7日更新）

　　下载：

　　下载地址：https://res.layui.com/download/layer-v3.0.zip

　　使用：

　　layer的使用非常简单，只需要在代码中引入下载文件中layer.js即可（当然了jQuery是必要的组件）：

　　效果：

　　是不是很简单啊~~

　　更多的用法参见官网：https://layer.layui.com/

　　更多效果：

　　带图标的提示框：

　　确认框：

　　tips提示：

　　tab弹出框：

prompt层：

自定义页：

　　结束：

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