BootStrap實現(xiàn)鼠標懸停下拉列表功能
更新時間：2017年02月17日 10:34:39 作者：weixin_37510612
這篇文章主要介紹了BootStrap實現(xiàn)鼠標懸停下拉列表功能,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
BootStrap實現(xiàn)鼠標懸停下拉列表功能，具體內容詳情如下所示：
//最簡單的鼠標懸停,實現(xiàn)下拉功能,應用bootstrap框架的知識,不會bootstrap自己百度怎么使用
<html><head>
<meta charset="UTF-8">
<!-- 引入 Bootstrap -->
<link href="../css/bootstrap.min.css" rel="external nofollow" rel="stylesheet">
<!-- jQuery文件。務必在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(){//鼠標懸停觸發(fā)事件
$(".dropdown-toggle").dropdown('toggle');
});
});
</script>
</body>
</html>
以上所述是小編給大家介紹的BootStrap實現(xiàn)鼠標懸停下拉列表功能，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！
您可能感興趣的文章:
- 基于BootStrap multiselect.js實現(xiàn)的下拉框聯(lián)動效果
- Bootstrap Multiselect 常用組件實現(xiàn)代碼
- bootstrap multiselect 多選功能實現(xiàn)方法
- Bootstrap 下拉多選框插件Bootstrap Multiselect
- JS組件中bootstrap multiselect兩大組件較量
- bootstrap下拉列表與輸入框組結合的樣式調整
- 基于BootStrap Metronic開發(fā)框架經驗小結【三】下拉列表Select2插件的使用
- Bootstrap每天必學之下拉菜單
- BootStrap中關于Select下拉框選擇觸發(fā)事件及擴展
- bootstrap multiselect下拉列表功能
相關文章
這篇文章主要介紹了JS中frameset框架彈出層實例代碼 的相關資料,需要的朋友可以參考下2016-04-04
在實際項目中，進度條的用處還是非常大的。這篇文章主要是要介紹幾種制作進度條的方法。通過學習，你也能制作屬于自己的進度條了。2009-05-05
JS?解決Cannot?set?properties?of?undefined的問題
遇到這樣問題當前的是當前對象或者數(shù)組是undefined，但是卻用來引用屬性或者索引，遇到這樣的問題如何解決呢，下面通過本文給大家介紹JS?如何解決Cannot?set?properties?of?undefined,需要的朋友可以參考下2024-01-01
JS在TextArea光標位置插入文字并實現(xiàn)移動光標到文字末尾
JS在TextArea光標位置插入文字+移動光標到文字末尾，F(xiàn)irefox，Chrome,Safari以及Opera都有selectionStart和selectionEnd屬性，具體實現(xiàn)如下，感興趣的朋友可以參考下哈2013-06-06
今天小編就為大家分享一篇LayUi數(shù)據(jù)表格自定義賦值方式，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10
這篇文章主要為大家詳細介紹了小程序實現(xiàn)抽獎動畫，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-12-12
小程序云開發(fā)教程如何使用云函數(shù)實現(xiàn)點贊功能
這篇文章主要為大家詳細介紹了小程序云開發(fā)教程如何使用云函數(shù)實現(xiàn)點贊功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-05-05
本文主要介紹了javascript中的三種彈出對話框，分別是alert()方法，confirm()方法，prompt()方法，對javascript彈出對話框相關知識感興趣的朋友一起學習吧2016-03-03
dayjs是一個輕量的處理時間和日期的JavaScript庫,下面這篇文章主要給大家介紹了關于Day.js常用方法的相關資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-03-03
深入理解Javascript中的循環(huán)優(yōu)化
這篇文章介紹了Javascript中的循環(huán)優(yōu)化，有需要的朋友可以參考一下2013-11-11