自定义弹出框确认框

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/tsoTeo/article/details/80060176

弹出框样式

        #D6 {
            position: fixed;
            top: 50%;
            left: 50%;
            width: 350px;
            height: 185px;
            z-index: 999;
            margin-top:-100px;
            margin-left:-175px;
            box-shadow:0 0 10px #fff;
        }

按钮 绑定 backToUpper 事件，点击后将 弹出框显示

    <script>
        function backToUpper() {
            $("#D6").show();
        }
    </script>

        <div id="D6" style="display:none;">
            <div class="panel panel-primary" style="border-radius:0;">
                <div class="panel-heading" style="border-radius:0;">
                    <h3 class="panel-title">
                        审核结果
                    </h3>
                </div>
                <div class="panel-body" style="padding-left:20px;height:110px;">
                    审核成功,该用户已获得入驻资格！
                </div>
                <div class="panel-footer" style="text-align:right;padding:2px 15px;border-top:1px solid #DDD; background-color:#FFF">
                    <a class="btn btn-primary btn-sm" style="border-radius:0;" href="pendingApplication.aspx">确定</a>
                </div>
            </div>
        </div>