日本老熟妇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
在線咨詢
聯系在線客服,為您解答所有的疑問
主站蜘蛛池模板: 成人免费777777| freesex欧美喷水| 亚洲 欧美 综合 在线 精品| 成熟人妻换xxxx| 国产毛片久久久久久国产毛片| 亚洲老妇色熟女老太| 国产精品福利视频一区| 好男人在线观看视频高清| 麻豆精品久久久久久久99蜜桃| 国产深夜男女无套内射| 欧洲女人性开放免费网站| 国产人妻大战黑人20p| 另类zozozozozo交| 欧美午夜精品久久久久久浪潮| 中国少妇内射xxxxⅹ| 无码精品人妻一区二区三李一桐| 国产china男男gaygay| 丈夫的朋友| 国产乱码卡二卡三卡老狼| 国产一区二区三区无码免费| 轻轻挺进少妇苏晴身体里| xxxxx做受大片在线观看免费| 亚洲av一般男女在线| 绝美人妻被夫前侵犯| 最好的观看2018中文| 美女视频黄的全是免费的| 成人欧美一区二区三区在线观看 | 国产成人久久综合第一区| 少妇乳大丰满在线播放| 啦啦啦视频免费观看在线高清| 亚洲精品国偷拍自产在线麻豆| 一本色道久久88加勒比—综合| 国产精品亚洲日韩欧美色窝窝色欲 | 精品久久久bbbb人妻| 亚洲欧美日韩中文久久| 成全高清mv电影免费观看| 亚洲国产成人一区二区在线| 美女视频黄频大全视频免费| 好看的欧美熟妇www在线| 国产 欧美 综合 精品一区| 我和公发生了性关系视频|