自定义弹出框确认框

104 阅读 0 评论 69 点赞

我是靠谱客的博主无聊翅膀，这篇文章主要介绍自定义弹出框确认框，现在分享给大家，希望可以做个参考。

复制代码

1
2

弹出框样式

复制代码

1
2
3
4
5
6
7
8
9
10
11
        #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 事件，点击后将弹出框显示

复制代码

1
2
3
4
5
    <script>
        function backToUpper() {
            $("#D6").show();
        }
    </script>

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
        <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>