BootStrap實(shí)現(xiàn)鼠標(biāo)懸停下拉列表功能
BootStrap實(shí)現(xiàn)鼠標(biāo)懸停下拉列表功能,具體內(nèi)容詳情如下所示:
//最簡單的鼠標(biāo)懸停,實(shí)現(xiàn)下拉功能,應(yīng)用bootstrap框架的知識(shí),不會(huì)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)懸停下拉列表功能,希望對(duì)大家有所幫助,如果大家有任何疑問請給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
- 基于BootStrap multiselect.js實(shí)現(xiàn)的下拉框聯(lián)動(dòng)效果
- Bootstrap Multiselect 常用組件實(shí)現(xiàn)代碼
- bootstrap multiselect 多選功能實(shí)現(xiàn)方法
- Bootstrap 下拉多選框插件Bootstrap Multiselect
- JS組件中bootstrap multiselect兩大組件較量
- bootstrap下拉列表與輸入框組結(jié)合的樣式調(diào)整
- 基于BootStrap Metronic開發(fā)框架經(jīng)驗(yàn)小結(jié)【三】下拉列表Select2插件的使用
- Bootstrap每天必學(xué)之下拉菜單
- BootStrap中關(guān)于Select下拉框選擇觸發(fā)事件及擴(kuò)展
- bootstrap multiselect下拉列表功能
相關(guān)文章
escape編碼與unescape解碼漢字出現(xiàn)亂碼的解決方法
這篇文章主要介紹了escape編碼與unescape解碼漢字出現(xiàn)亂碼的解決方法,需要的朋友可以參考下2014-07-07
微信小程序?qū)崿F(xiàn)tab和swiper切換結(jié)合效果
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)tab和swiper切換結(jié)合效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-11-11
JavaScript中Object.prototype.toString方法的原理
這篇文章主要介紹了JavaScript中Object.prototype.toString方法的原理的相關(guān)資料,需要的朋友可以參考下2016-02-02
如何在微信小程序中實(shí)現(xiàn)Mixins方案
這篇文章主要給大家介紹了關(guān)于如何在微信小程序中實(shí)現(xiàn)Mixins方案的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用微信小程序具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-06-06
簡單通過settimeout看javascript的運(yùn)行機(jī)制
這篇文章主要給大家介紹了關(guān)于如何通過settimeout看javascript的運(yùn)行機(jī)制的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用javascript具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
JavaScript設(shè)計(jì)模式--簡單工廠模式定義與應(yīng)用案例詳解
這篇文章主要介紹了JavaScript設(shè)計(jì)模式--簡單工廠模式定義與應(yīng)用,結(jié)合具體案例形式詳細(xì)分析了JavaScript設(shè)計(jì)模式中簡單工廠模式基本概念、定義、用法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2020-05-05

