日本老熟妇maturebbw,最近中文mv字幕免费高清在线7,yy6080久久伦理一区二区,中文字幕人妻av一区二区,成人免费无码av,亚州av综合色区无码一区,日本xxwwwxxxx18,入室强伦轩人妻电影
284292114@qq.com 中國站
行業新聞 網站建設 網絡推廣 首頁>新聞中心>網站建設

用jq實現bootstrap框架點擊彈出二級菜單變為鼠標劃過顯示菜單。

時間: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咨詢,專業客服為您解疑答惑
聯系銷售
15899750475
在線咨詢
聯系在線客服,為您解答所有的疑問
主站蜘蛛池模板: 国产成人人人97超碰超爽8| 国产精品99久久精品爆乳| 国产亚洲欧美另类一区二区三区| 中文字幕av一区乱码| 乱亲女h秽乱长久久久| 高潮喷水的毛片| 国产大陆亚洲精品国产| 成人欧美一区二区三区在线| 无码不卡av东京热毛片| 色一情一乱一伦| 亚洲国产成人av毛片大全| 男男gay啪啪网站18禁| 中文字幕无码久久精品| 少妇人妻邻居| 欧美黑人粗大xxxxbbbb| 边亲边脱边捏胸视频| 欧美z0z0人禽交| 中文字幕aⅴ人妻一区二区| 蜜桃视频在线观看免费网址入口| 99在线精品视频在线观看| 8x永久华人成年免费| 美女啪啪网站又黄又免费| 国产精品亚洲片在线| 丰满的妽妽用身体满足了我电影 | 男人j进入女人j内部免费网站 | 777精品久无码人妻蜜桃| 欧美肥婆性猛交xxxx| 美女视频很黄很a免费| 久久尤物av天堂日日综合| 亚洲v欧美v日韩v国产v| 内地老太婆内射内地小矮人内射| 无遮挡又黄又刺激又爽的视频| 欧美多人乱大交xxxxx变态| 国产+精品+在线观看| а√天堂中文在线资源库免费观看| а√最新版地址在线| 久久久久久宅男| 777米奇色狠狠俺去啦奇米77| 亚洲日韩av无码一区二区三区人| 人妻少妇精品无码专区动漫 | 国产欧美一区二区精品仙草咪|