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

使用方法

1.引入layer.css和layer.js，如果没有引入layer.css会自动引入。

2.使用方法示例

//没有确定的信息框
parent.layer.msg('保存失败！', { icon: 0, time: 2000 }, function () { });

//有确定的信息框
layer.alert("信息", { icon: 1, closeBtn: 0 }, function (index) {
    layer.close(index);
});

//询问框
layer.confirm('信息？', { btn: ['确定', '取消'] }, function (index) {
    //确定
    layer.close(index);
}, function (index) {
    //取消
    layer.close(index);
});

//小结，上面的是最常用的弹出框，第一个参数为消息或者标题，第二个参数为配置参数，后面的是回调函数。

//prompt层
layer.prompt({ title: '输入任何口令，并确认', formType: 1 }, function (pass, index) {
    layer.close(index);
    layer.prompt({ title: '随便写点啥，并确认', formType: 2 }, function (text, index) {
        layer.close(index);
        layer.msg('演示完毕！您的口令：' + pass + '<br>您最后写下了：' + text);
    });
});

//tip层
layer.tips('下', '#id或者.class', {
    tips: 3 //默认是2右侧
});

//页面层
layer.open({
    type: 1,
    skin: 'layui-layer-rim', //加上边框
    area: ['420px', '240px'], //宽高
    content: 'html内容'
});

//iframe层
layer.open({
    type: 2,
    title: 'layer mobile页',
    shadeClose: true,
    shade: 0.8,
    area: ['380px', '90%'],
    content: 'mobile/' //iframe的url
});

//不自动关闭的加载层
var loading = layer.load({ time: 0 });
//关闭loading层
layer.closeAll("loading");
layer.closeAll();

小结：

1.icon：0感叹号，1成功，2 失败，3问号，4锁，5不开心，6笑脸，16加载中

2.当父级窗口引用了layer.js的时候，子窗口可以直接使用parent.layer。

关闭父级窗口

var index = parent.layer.getFrameIndex(window.name); //获取窗口索引  
parent.layer.close(index);

layer也有手机版本。

更多的示例和文档请参考：

http://layer.layui.com/

http://www.layui.com/doc/modules/layer.html