插件地址:https://layuion/layer/

layer.open({
  content: 'test'
  ,btn: ['按钮一', '按钮二', '按钮三']
  ,yes: function(index, layero){
    //按钮【按钮一】的回调
  }
  ,btn2: function(index, layero){
    //按钮【按钮二】的回调
    
    //return false 开启该代码可禁止点击该按钮关闭
  }
  ,btn3: function(index, layero){
    //按钮【按钮三】的回调
    
    //return false 开启该代码可禁止点击该按钮关闭
  }
  ,cancel: function(){ 
    //右上角关闭回调
    
    //return false 开启该代码可禁止点击该按钮关闭
  }
});

========================================
举个栗子

  layer.open({
    area: ['600px', '350px'],
    content: '<h3>请准备以下相关文件,到受理窗口办理!</h3>  '
    + '<br/><h5>1.你的身份证正反面复印件 ;</h5>'
    + ' <br/><h5>2.学历原件与复印件 ;</h5> '
    + '<br/><h5>3.银行最近6个月流水 ;</h5>'
    + ' <br/><h5>4.工作证明原件 ;</h5>',
    btn: ['确定'],
    yes: function (index, layero) {
        //按钮【按钮一】的回调
        layer.msg("提交成功!", {
            icon: 1, time: 2000 //2秒关闭(如果不配置,默认是3秒)
        }, function () {
            /*提交成功 !页面刷新*/
            location.href = 'www.www.csdn';
        });
    },
    cancel: function () {
        //右上角关闭回调
        //return false 开启该代码可禁止点击该按钮关闭
    }
});

效果截图如下

参考资料:https://layuion/layer/

更多推荐

自定义弹框(可添加自定义html代码)