欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Bootstrap下拉菜單更改為懸停(hover)觸發(fā)的方法

 更新時間：2017年05月24日 15:33:30   作者：lyn0130  
這篇文章主要為大家詳細介紹了Bootstrap下拉菜單更改為懸停(hover)觸發(fā)的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下

Bootstrap下拉菜單默認需要通過點擊，才可以打開，在管理系統(tǒng)的開發(fā)過程中，使用懸停代替點擊能減少一步操作，更人性化。下面是實現(xiàn)方式：

<!DOCTYPE html>
<html>
  <head>
    <link  rel="stylesheet">
    <script src="http://cdn.bootcss.com/jquery/2.1.4/jquery.js"></script>
    <script src="http://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.js"></script>
    <script src="http://cdn.bootcss.com/bootstrap-hover-dropdown/2.0.10/bootstrap-hover-dropdown.min.js"></script>
  </head>
  <body>
    <div class="dropdown">
  <button type="button" class="btn dropdown-toggle" id="dropdownMenu1" 
   data-toggle="dropdown" data-hover="dropdown">
   主題
   <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
   <li role="presentation">
     <a role="menuitem" tabindex="-1" href="#">Java</a>
   </li>
   <li role="presentation">
     <a role="menuitem" tabindex="-1" href="#">數(shù)據(jù)挖掘</a>
   </li>
   <li role="presentation">
     <a role="menuitem" tabindex="-1" href="#">
      數(shù)據(jù)通信/網(wǎng)絡(luò)
     </a>
   </li>
   <li role="presentation" class="divider"></li>
   <li role="presentation">
     <a role="menuitem" tabindex="-1" href="#">分離的鏈接</a>
   </li>
  </ul>
</div>
  </body>
</html>

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論