夜夜嗨av一区二区,操白虎小穴视频,破解国产亚洲激情AV,欧美美女裸体视频网

284292114@qq.com 中國站
行業(yè)新聞 網站建設 網絡推廣 首頁>新聞中心>網站建設

用jq實現bootstrap框架點擊彈出二級菜單變?yōu)槭髽藙澾^顯示菜單。

時間:2022-08-18   訪問量:0

用過bootstrap框架的朋友都知道它自帶的二級導航菜單是點擊后彈出來,而且不再點擊就不消息,非常不友好。


那么如何解決這個問題呢?

我們用JQ可以實現。

$(function() {  
    $(".navbar-nav .nav-item").mouseover(function(){
    $(this).addClass("show");
    $(this).children(".dropdown-menu").addClass("show");
        }).mouseout(function(){
            $(this).removeClass("show");
            $(this).children(".dropdown-menu").removeClass("show");
   });
})

因為bootstrap框架本身點擊后就是給菜單 添加show的CSS樣式,所以只需要用JQ實現添加即可

接下來還需要調整一下CSS樣式,否則會出現鼠標向二級菜單滑動的時候,二級菜單消失的情況。這是因為一級菜單和二級菜單中間出現了間隙。

.nav-link{
	padding:1rem 1rem; /***主要是為了因調整自帶的導航鼠標劃過效果****/
}

.dropdown-menu{	
	top:80%;    /***主要是為了因調整自帶的導航鼠標劃過效果****/
}


這樣就用jq解決了bootstarp框架菜單導航的問題了。

服務咨詢
1對1咨詢,專業(yè)客服為您解疑答惑
聯系銷售
15899750475
在線咨詢
聯系在線客服,為您解答所有的疑問
ARE YOU INTERESTED IN ?
感興趣嗎?

有關我們服務的更多信息,請聯系項目經理

15899750475 楊先生

丁香激情综合久久伊人久久| 国产日韩精品一区二区| 黄色日韩| 国产操美女| 国产精品美女WWW爽爽爽视频| 51午夜精品免费视频| 天堂国品一二三产品区| 日韩av一二三区| 天堂中文最新版在线官网在线| 久久亚洲av午夜福利精品一区| 日韩精品系列| 人妻一二三区| 久久久亚洲| 国产涩涩| 国产经典av| 中文字幕色站| 蜜月av夜夜澡人人爽人人软件| 国产图区亚洲偷窥白拍| 亚洲精品欧美综合一区二区 | 欧美疯狂做受bbbbbb| 乱女乱妇熟女熟妇综合网网站| 人人爽亚洲av人人爽av人人片| 开心五月激情五月| 甲鱼女人为什么不能碰| 毛片毛片毛片毛片| 黑人巨大精品欧美一区| xxav| 国产婷婷色一区二区三区| 国产午夜精品一区二区三区嫩草| 亚洲a麻豆乱潮| 宜春市| 99久久九九社区精品| 奇米精品视频一区二区三区| 日韩免费无码视频一区二区三区 | 亚洲精品55夜色66夜色| 亚洲AV无码天堂一区二区三区| 色婷婷五月综合丁香中文字幕| 亚洲一区域二区域三区域四区域| 国产女同无遮挡互慰高潮91| 狠狠综合久久av一区二区| 欧美日韩黄|