<div>
        <div>
            <button id="btn1">msg弹窗，默认停留三秒</button>
            <br>
            <br>
            <button id="btn2">msg弹窗，默认停留一秒</button>
            <br>
            <br>
            <button id="btn3">msg弹窗，弹窗不关闭</button>
            <br>
            <br>
            <br>
            <br>
            <button id="btn4">msg弹窗,图标</button>
            <br>
            <br>
            <button id="btn5">msg弹窗,起始位置</button>
            <br>
            <br>
            <button id="btn6">msg弹窗, 更改背景,背景不可点击</button>
            <br>
            <br>
            <button id="btn7">msg弹窗, 回调函数</button>
            <br>
            <br>
            <button id="btn8">msg弹窗, 回调函数</button>
        </div>
    </div>

        // layer.msg(content,options,end)提示框
        // end:层销毁后触发回调
        $('#btn1').on('click',function(){
            layer.msg('信息提示弹窗，默认停留三秒')
        })
        $('#btn2').on('click',function(){
            layer.msg('信息提示弹窗，默认停留一秒',{time:1000});
        })
        $('#btn3').on('click',function(){
            layer.msg('信息提示弹窗不关闭',{time:-1});
        })
        $('#btn4').on('click',function(){
            layer.msg("msg弹窗,图标", {icon: 16, time: 2000});
            // 1打钩,2打叉,3问号,4锁定,5难过脸,6微笑脸,
            // 7-15感叹号,16加载,17以上估计全是感叹号
        })
        $('#btn5').on('click',function(){
            layer.msg('msg弹窗,起始位置',{offset:['50px','50px'],time:2000});
        })
        $('#btn6').on('click',function(){
            layer.msg('msg弹窗, 添加蒙层(自定义颜色)',{shade:[0.5,'#000'],time:3000});
        })
        $('#btn7').on('click',function(){
            layer.msg('msg弹窗, 回调函数',{time:1000},function () {
                // 回调函数一定要放在最后，否则弹窗会抖动
                reload();
            });
        })
        $('#btn8').on('click',load1);
        function reload() {
            layer.msg("回调函数执行！");
        }
        function load1() {
            var index = layer.load();
            layer.close(index)
            // 不加关闭，一直处于加载状态
        }