日本老熟妇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
在線咨詢
聯系在線客服,為您解答所有的疑問
主站蜘蛛池模板: 亚洲天堂在线观看完整版| 成全视频在线观看更新时间| 日韩丰满孕妇孕交| 欧美牲交a欧美牲交| www.色午夜.com| 18禁黄网站男男禁片免费观看 | 被粗大黑人jib捣出了白浆| 亚洲av第一网站久章草| 在线a√天堂中文www| 玖玖资源站无码专区| 精品国产一二三产品价格| 捆绑白丝jk震动捧喷白浆| 成人a级视频在线观看| 成人性生交大片免费看vr| 国产乱国产乱老熟300部视频| 哦┅┅快┅┅用力啊┅┅在线观看| 丁香花高清在线观看完整版| 俄罗斯兽交黑人又大又粗水汪汪| 电影蜜桃成熟时| 久久精品国产99久久无毒不卡 | 久久久日韩精品一区二区| 欧美肥婆性猛交xxxx| 97人妻碰碰视频免费上线| 欧美18videosex性欧美tube| chinese中国人妻video| 一边做一边喷17p亚洲乱妇50p| 色欲人妻综合aaaaaaaa网| 浪漫樱花免费播放高清版在线观看| 韩国三级+mp4| aaaa级少妇高潮大片在线观看| 亚洲av日韩av永久无码色欲| 国产大屁股视频免费区| 西瓜影院在线播放| 国产在线午夜卡精品影院| 丝瓜视频在线观看| 色哟哟在线视频精品一区| 亚洲精品国产品国语在线| 97日日碰曰曰摸日日澡| 大肉大捧一进一出好爽视频动漫 | 狠狠色综合网站久久久久久久| 亚洲欧洲精品无码av|