我是靠谱客的博主 无聊翅膀,最近开发中收集的这篇文章主要介绍自定义弹出框确认框,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述


弹出框样式

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

最后

以上就是无聊翅膀为你收集整理的自定义弹出框确认框的全部内容,希望文章能够帮你解决自定义弹出框确认框所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

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

评论列表共有 0 条评论

立即
投稿
返回
顶部