今天小編給大家分享一下怎么在懸停上打開Bootstrap下拉菜單的相關知識點,內容詳細,邏輯清晰,相信大部分人都還太了解這方面的知識,所以分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后有所收獲,下面我們一起來了解一下吧。
創新互聯公司長期為上1000家客戶提供的網站建設服務,團隊從業經驗10年,關注不同地域、不同群體,并針對不同對象提供差異化的產品和服務;打造開放共贏平臺,與合作伙伴共同營造健康的互聯網生態環境。為洛扎企業提供專業的成都網站設計、成都網站建設,洛扎網站改版等技術服務。擁有十年豐富建站經驗和眾多成功案例,為您定制開發。
答:使用jQueryhover()方法
默認情況下,要在Bootstrap中打開或顯示下拉菜單,您必須單擊觸發元素。但是,如果要顯示鼠標懸停而不是單擊的下拉列表,則可以使用CSS和jQuery進行很少的自定義。
例試試這個代碼»
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Activate Bootstrap Dropdown with Hover</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<style>
.dropdown:hover .dropdown-menu{
display: block;
}
.dropdown-menu{
margin-top: 0;
以上就是“怎么在懸停上打開Bootstrap下拉菜單”這篇文章的所有內容,感謝各位的閱讀!相信大家閱讀完這篇文章都有很大的收獲,小編每天都會為大家更新不同的知識,如果還想學習更多的知識,請關注創新互聯行業資訊頻道。
當前名稱:怎么在懸停上打開Bootstrap下拉菜單
文章位置:http://m.newbst.com/article16/gceggg.html
成都網站建設公司_創新互聯,為您提供外貿網站建設、手機網站建設、微信公眾號、用戶體驗、面包屑導航、品牌網站建設
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯