夜夜久久,成人毛片直播

使用jQuery和Bootstrap實(shí)現(xiàn)多層、自適應(yīng)模態(tài)窗口

2015.11.15

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <script src="Scripts/jquery-2.1.1.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <style type="text/css">
        .modal-open,
        .modal-open .navbar-fixed-top,
        .modal-open .navbar-fixed-bottom {
            margin-right: 0;
        }
        .modal {
            bottom: auto;
            padding: 0;
            background-color: #ffffff;
            border: 1px solid #999999;
            border: 1px solid rgba(0, 0, 0, 0.2);
            border-radius: 6px;
            -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
            box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
            background-clip: padding-box;
            overflow-y: auto;
        }
        .modal.container {
            max-width: none;
        }
        #firstmodal {
            width: 98%;
            height: 98%;
        }
        #secondmodal {
            width: 99%;
            height: 99%;
        }
    </style>
    <script type="text/javascript">
        $(function() {
            $('#m1').on("click", function() {
                $('#firstmodal').modal();
            });
            $('#m2').on("click", function () {
                $('#secondmodal').modal();
            });
        });
    </script>
</head>
<body>
        <div class="content" style="margin-left: 100px;margin-top: 100px;">
            <button class="btn btn-primary btn-lg" id="m1">打開第一層模態(tài)窗口</button>
        </div>
        <div id="firstmodal" class="modal container fade" tabindex="-1" style="display: none;">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title">第一層模態(tài)窗口</h4>
            </div>
            <div class="modal-body">
                <p>
                    <button class="btn btn-primary btn-lg" id="m2">打開第二層模態(tài)窗口</button>
                    第一層主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容
                    主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容
                    主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容
                    主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容
                    主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容
                    主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容
                    主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容
                    主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容
                    第一層主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容
                    主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容
                    主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容
                    主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容
                    主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容
                    主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容
                    主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容
                    主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容
                    第一層主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容
                    主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容
                    主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容
                    主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容
                    主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容
                    主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容
                    主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容
                    主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容
                </p>
            </div>
            <div class="modal-footer" style="text-align: center;">
                <button type="button" data-dismiss="modal" class="btn btn-default">關(guān)閉</button>
            </div>
        </div>
        <div id="secondmodal" class="modal container fade" tabindex="-1" style="display: none;">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title">第二層模態(tài)窗口</h4>
            </div>
            <div class="modal-body">
                <p>
                    第二層主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容
                    主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容
                    主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容
                    主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容
                    主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容
                    主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容
                    主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容
                    主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容
                    主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容
                    主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容
                    主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容主體內(nèi)容
                </p>
            </div>
            <div class="modal-footer" style="text-align: center;">
                <button type="button" data-dismiss="modal" class="btn btn-default">關(guān)閉</button>
            </div>
        </div>
</body>

本站僅提供存儲(chǔ)服務(wù)，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)點(diǎn)擊舉報(bào)。

打開APP，閱讀全文并永久保存查看更多類似文章

關(guān)于bootstrap模態(tài)框的修改問題

Bootstrap每天必學(xué)之模態(tài)框（Modal）插件

15款最好的 jQuery Modal（模態(tài)窗口）插件

模態(tài)框 modal.js

[布局]bootstrap基本標(biāo)簽總結(jié)2

bootstrap中的模態(tài)框（modal，彈出層）

更多類似文章 >>

九色国产,午夜在线视频,新黄色网址,九九色综合,天天做夜夜做久久做狠狠,天天躁夜夜躁狠狠躁2021a,久久不卡一区二区三区