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