日本老熟妇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欧美片| 性色欲情网站iwww| 国产精品 精品国内自产拍| 国产在线精品一区在线观看| 99久热re在线精品99 6热视频 | 亚洲精品日韩一区二区电影| 亚洲国产日韩a综合在线| 好男人神马影院在线观看| 免费观看全黄做爰的视频| 末成年女av片一区二区| 国产微拍精品一区二区| 疯狂做受xxxx高潮欧美日本| 性aa无码天堂| 国产偷国产偷亚州清高app| 欧美亚洲国产精品久久蜜芽直播| 性少妇videosexfreexxxx片| 一边面膜一边燥的视频| 一边摸一边揉一边做爽| 好姑娘视频在线观看| 亚洲精品高清无码视频| 老太脱裤子让老头玩xxxxx| 樱桃视频影视在线观看免费 | 尤物在线观看免费网址| 天天躁日日躁狠狠躁欧美老妇小说 | 丰满少妇被猛烈进入av久久| 暖暖 免费 高清 日本在线| 少妇搡bbbb搡bbb| 国精产品一码二码三m| 久久久久国产精品嫩草影院| 朋友销魂的人妻| 永久免费观看美女裸体的网站| 国产亚洲欧美日韩精品一区二区 | 国产色xx群视频射精| 中英文字幕是不是乱码| 成人国产一区二区三区精品| 亚洲色大成网站www永久一区 | 人妻无码中文字幕免费视频蜜桃 | 久久久一本精品99久久精品66 | 国产精品视频一区二区三区无码| 日韩午夜理论免费tv影院|