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


弹出框样式

        #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>

最后

以上就是无聊翅膀最近收集整理的关于自定义弹出框确认框的全部内容,更多相关自定义弹出框确认框内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(127)

评论列表共有 0 条评论

立即
投稿
返回
顶部