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>   

//eg1

var index = layer.load();

//eg2

var index = layer.load(1); //换了种风格

//eg3

var index = layer.load(2, {time: 10*1000}); //又换了种风格，并且设定最长等待10秒

//关闭

layer.close(index);

      

//弹出页面层

layer.open({

type: 1,

skin: 'layui-layer-rim', //加上边框

area: ['420px', '240px'], //宽高

content: 'html内容'

});
</script>

参数

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



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

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