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

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

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

Bootstrap下拉菜單默認(rèn)需要通過(guò)點(diǎn)擊，才可以打開(kāi)，在管理系統(tǒng)的開(kāi)發(fā)過(guò)程中，使用懸停代替點(diǎn)擊能減少一步操作，更人性化。下面是實(shí)現(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>

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

相關(guān)文章

最新評(píng)論