BootStrap實現(xiàn)鼠標(biāo)懸停下拉列表功能

更新時間：2017年02月17日 10:34:39 作者：weixin_37510612

這篇文章主要介紹了BootStrap實現(xiàn)鼠標(biāo)懸停下拉列表功能,非常不錯，具有參考借鑒價值，需要的朋友可以參考下

BootStrap實現(xiàn)鼠標(biāo)懸停下拉列表功能，具體內(nèi)容詳情如下所示：

//最簡單的鼠標(biāo)懸停,實現(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實現(xiàn)鼠標(biāo)懸停下拉列表功能，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

JS中frameset框架彈出層實例代碼
這篇文章主要介紹了JS中frameset框架彈出層實例代碼的相關(guān)資料,需要的朋友可以參考下
2016-04-04
javascript 進(jìn)度條的幾種方法
在實際項目中，進(jìn)度條的用處還是非常大的。這篇文章主要是要介紹幾種制作進(jìn)度條的方法。通過學(xué)習(xí)，你也能制作屬于自己的進(jìn)度條了。
2009-05-05
JS?解決Cannot?set?properties?of?undefined的問題
遇到這樣問題當(dāng)前的是當(dāng)前對象或者數(shù)組是undefined，但是卻用來引用屬性或者索引，遇到這樣的問題如何解決呢，下面通過本文給大家介紹JS?如何解決Cannot?set?properties?of?undefined,需要的朋友可以參考下
2024-01-01
JS在TextArea光標(biāo)位置插入文字并實現(xiàn)移動光標(biāo)到文字末尾
JS在TextArea光標(biāo)位置插入文字+移動光標(biāo)到文字末尾，F(xiàn)irefox，Chrome,Safari以及Opera都有selectionStart和selectionEnd屬性，具體實現(xiàn)如下，感興趣的朋友可以參考下哈
2013-06-06
LayUi數(shù)據(jù)表格自定義賦值方式
今天小編就為大家分享一篇LayUi數(shù)據(jù)表格自定義賦值方式，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-10-10
小程序?qū)崿F(xiàn)抽獎動畫
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)抽獎動畫，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-12-12
小程序云開發(fā)教程如何使用云函數(shù)實現(xiàn)點贊功能
這篇文章主要為大家詳細(xì)介紹了小程序云開發(fā)教程如何使用云函數(shù)實現(xiàn)點贊功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-05-05
JavaScript彈出對話框的三種方式
本文主要介紹了javascript中的三種彈出對話框，分別是alert()方法，confirm()方法，prompt()方法，對javascript彈出對話框相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧
2016-03-03
Day.js常用方法集合(附各種事件格式的轉(zhuǎn)換)
dayjs是一個輕量的處理時間和日期的JavaScript庫,下面這篇文章主要給大家介紹了關(guān)于Day.js常用方法的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
2024-03-03
深入理解Javascript中的循環(huán)優(yōu)化
這篇文章介紹了Javascript中的循環(huán)優(yōu)化，有需要的朋友可以參考一下
2013-11-11