bootstrap 滚动监听 标签页 和 工具提示

标签

 

<div class="container">

    <h4>Tabs</h4>

    <ul id="myTab" class="nav nav-tabs">

        <li class="active"><a href="#home" data-toggle="tab">home</a></li>

        <li><a href="#myhome" data-toggle="tab">myhome</a></li>

        <li class="dropdown">

            <a href="#" id="myTbaDrop1" class="dropdown-toggle" data-toggle="dropdown">dropdownb<b class="caret"></b></a>

            <ul class="dropdown-menu" role="menu" aria-labelledby="myTabDropdown">

                <li><a href="fat" tabindex="-1" data-toggle="tab">@fat</a></li>

                <li><a href="mdo" tabindex="-1" data-toggle="tab">@mdo</a></li>

            </ul>

        </li>

    </ul>

    <!--展示我们的内容-->

    <div id="myTabContent" class="tab-content">

        <div class="tab-pane fade active" id="home">

            <p>www.baidu.comwww.baidu.</p>

        </div>

        <div class="tab-pane fade" id="myhome">

            <p>www.baidu.comwww.baidu.comwww.baidu..</p>

        </div>

        <div class="tab-pane fade" id="fat">

            <p>www.baiduddddddd</p>

        </div>

        <div class="tab-pane fade" id="mdo">

            <p>www</p>

        </div>

    </div>

</div>

 

<script src="js/jquery.mini.js"></script>

<script src="js/bootstrap.min.js"></script>