美文网首页
BS里的轮播使用

BS里的轮播使用

作者: wyq_0bed | 来源:发表于2017-07-18 13:49 被阅读0次
    <!DOCTYPE html>
    <html>
    
        <head>
            <meta charset="UTF-8">
            <title></title>
            <script src="jq.min.js" type="text/javascript" charset="utf-8"></script>
            <script src="bt.min.js" type="text/javascript" charset="utf-8"></script>
            <link rel="stylesheet" type="text/css" href="bt.min.css" />
            <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
            <style type="text/css">
                /*body {
                    max-width: 800px;
                    margin: 0 auto;
                }*/
            </style>
        </head>
    
        <body>
            <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                <!-- Indicators -->
                <ol class="carousel-indicators">
                    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                </ol>
    
                <!-- Wrapper for slides -->
                <div class="carousel-inner" role="listbox">
                    <div class="item active">
                        ![](img/download.jpg)
                        <div class="carousel-caption">
                            1111111111111
                        </div>
                    </div>
                    <div class="item">
                        ![](img/download.jpg)
                        <div class="carousel-caption">
                            2222222222222
                        </div>
                    </div>
                    <div class="item">
                        ![](img/download.jpg)
                        <div class="carousel-caption">
                            3333333333333
                        </div>
                    </div>
                </div>
    
                <!-- Controls -->
                <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
        </body>
        <!--<script type="text/javascript">
            function getQueryString(name) {
                var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
                console.log(reg);
                var r = window.location.search.substr(1).match(reg);
                console.log(r);
                if (r != null) return unescape(r[2]);
                return null;
            };
            $(function() {
                var cont = getQueryString("cont");
                var name = getQueryString("name");
                console.log(cont);
                console.log(name);
            });
        </script>-->
    
    </html>
    

    相关文章

      网友评论

          本文标题:BS里的轮播使用

          本文链接:https://www.haomeiwen.com/subject/iyfhkxtx.html