多窗口模式，层叠置顶 配置一个透明的询问框 示范一个公告层 上弹出 右弹出 下弹出 左弹出 左上弹出 左下弹出 右上弹出 右下弹出 居中弹出

Tips：为了更清晰演示，每触发上述一个例子之前，都会关闭所有已经演示的层

    //多窗口模式，层叠置顶
    layer.open({
      type: 2 //此处以iframe举例
      ,title: '当你选择该窗体时，即会在最顶端'
      ,area: ['390px', '330px']
      ,shade: 0
      ,offset: [ //为了演示，随机坐标
        Math.random()*($(window).height()-300)
        ,Math.random()*($(window).width()-390)
      ]
      ,maxmin: true
      ,content: 'settop.html'
      ,btn: ['继续弹出', '全部关闭'] //只是为了演示
      ,yes: function(){
        $(that).click(); //此处只是为了演示，实际使用可以剔除
      }
      ,btn2: function(){
        layer.closeAll();
      }

      ,zIndex: layer.zIndex //重点1
      ,success: function(layero){
        layer.setTop(layero); //重点2
      }
    });
    //配置一个透明的询问框
    layer.msg('大部分参数都是可以公用的<br>合理搭配，展示不一样的风格', {
      time: 20000, //20s后自动关闭
      btn: ['明白了', '知道了', '哦']
    });

    //示范一个公告层
    layer.open({
      type: 1
      ,title: false //不显示标题栏
      ,closeBtn: false
      ,area: '300px;'
      ,shade: 0.8
      ,id: 'LAY_layuipro' //设定一个id，防止重复弹出
      ,resize: false
      ,btn: ['火速围观', '残忍拒绝']
      ,btnAlign: 'c'
      ,moveType: 1 //拖拽模式，0或者1
      ,content: '<div style="padding: 50px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: 300;">内容<br>内容</div>'
      ,success: function(layero){
        var btn = layero.find('.layui-layer-btn');
        btn.find('.layui-layer-btn0').attr({
          href: 'http://www.layui.com/'
          ,target: '_blank'
        });
      }
    });

    //边缘弹出
    layer.open({
      type: 1
      ,offset: 't' //具体配置参考：offset参数项
      ,content: '<div style="padding: 20px 80px;">内容</div>'
      ,btn: '关闭全部'
      ,btnAlign: 'c' //按钮居中
      ,shade: 0 //不显示遮罩
      ,yes: function(){
        layer.closeAll();
      }
    });