BootStrap實(shí)現(xiàn)鼠標(biāo)懸停下拉列表功能,具體內(nèi)容詳情如下所示:
 //最簡單的鼠標(biāo)懸停,實(shí)現(xiàn)下拉功能,應(yīng)用bootstrap框架的知識,不會bootstrap自己百度怎么使用

 <html><head>    <meta charset="UTF-8">      <!-- 引入 Bootstrap -->   <link href="../css/bootstrap.min.css" rel="external nofollow" rel="stylesheet">     <!-- jQuery文件。務(wù)必在bootstrap.min.js 之前引入 -->    <script src="../libs/jquery-1.11.1.js"></script>    <script src="../js/bootstrap.min.js"></script>    <title></title>  </head>  <body><div class="dropdown" >      <span class="dropdown-toggle" data-toggle="dropdown" data-target="#" >觸發(fā)器</span>       <ul class="dropdown-menu" >        <li>1</li>        <li>2</li>        <li>3</li>        <li>4</li>      </ul>    </div>    <script>      $(document).ready(function(){        $("span").hover(function(){//鼠標(biāo)懸停觸發(fā)事件        $(".dropdown-toggle").dropdown('toggle');        });      });    </script>  </body></html>以上所述是小編給大家介紹的BootStrap實(shí)現(xiàn)鼠標(biāo)懸停下拉列表功能,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對武林網(wǎng)網(wǎng)站的支持!
新聞熱點(diǎn)
疑難解答