layer弹层

获得 layer 文件包后，解压并将 layer 整个文件夹（不要拆分结构） 存放到你项目的任意目录，使用时，只需引入 layer.js 即可。

注意：引入layer.js前必须先引入jquery1.8或以上版本

<script src="jQuery的路径"></script> <!-- 你必须先引入jQuery1.8或以上版本 -->
 <script src="layer.js的路径"></script>

//弹出一个提示层
layer.msg('hello');

//弹出一个页面层
layer.open({
      type: 2,
      title: 'iframe父子操作',
      maxmin: true,
      shadeClose: true, //点击遮罩关闭层
      area : ['800px' , '520px'],
      content: 'test/iframe.html'
    });

layer.open({
　　title: 'KKMEX提示您:',
　　content: '请输入合约代码或购买数量！'
});

   

　　

//询问框
        layer.confirm('您是如何看待前端开发？', {
            title: 'KKMEX提示您:',
            btn: ['重要','奇葩'] //按钮
        }, function(){
            layer.msg('的确很重要', {icon: 2});
        }, function(){
            layer.msg('也可以这样', {
                time: 2000, //2s后自动关闭
                btn: ['明白了', '知道了']
            });
        });

layer.confirm("请确认建仓信息是否有误", {
                title: 'KKMEX提示您:',
                btn: ['确认','取消'] //按钮
            }, function(){
                tijiao();
            });

　　

 单按钮相当于alert

 layer.confirm("下单成功!", {
    title: 'KKMEX提示您:',
    btn: ['确认'] //按钮
}, function(){
      location.href = "deal.php";
});                                                            

　　

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

   

例子：http://layer.layui.com/hello.html
http://www.layui.com/doc/modules/layer.html

编辑： by 小鬼PSer 2017-10-19 17:38:02