Layer.js——弹窗/提示/询问/加载/层

             

     简介

layer是一款近年来备受青睐的web弹层组件，她具备全方位的解决方案，您的页面会轻松地拥有丰富友好的操作体验。

在与同类组件的比较中，layer总是能轻易获胜。她尽可能地在以更少的代码展现更强健的功能，且格外注重性能的提升、易用和实用性。layer兼容了包括IE6在内的所有主流浏览器。 她数量可观的接口，使得您可以自定义太多您需要的风格，每一种弹层模式各具特色，广受欢迎。

layer遵循LGPL协议，将永久性提供无偿服务。历经数年，截至到2015年09月01日，已运用在10万余家web平台，其中包括中国联通、蚂蚁短租、慕课网、phpyun等等知名网站。

兼容

      包括IE6在内的所有主流浏览器。

使用方法

 1. 注意目录

        

css和默认图标都在skin目录下。

2.不必引入css（因为layer.js里已经载入）

3. JavaScript

<scriptsrc="../js/layer.js"></script>  目前最新是v2.4版本
<script>   

1. //eg1
2. var index = layer.load();
3. //eg2
4. var index = layer.load(1); //换了种风格
5. //eg3
6. var index = layer.load(2, {time: 10*1000}); //又换了种风格，并且设定最长等待10秒
7. //关闭
8. layer.close(index);
9.       

1. //弹出页面层

2. layer.open({
3. type: 1,
4. skin: 'layui-layer-rim', //加上边框
5. area: ['420px', '240px'], //宽高
6. content: 'html内容'
7. });

</script>

参数

推荐您直接阅读API文档  http://layer.layui.com/api.html 。

官网：http://layer.layui.com/

GitHub：https://github.com/sentsin/layer