日本老熟妇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
在線咨詢
聯系在線客服,為您解答所有的疑問
主站蜘蛛池模板: 高清国产亚洲精品自在久久| 强乱中文字幕在线播放不卡| 成人精品一区二区三区不卡免费看 | 女人被弄到高潮的免费视频| 成全高清在线观看免费| 2019最新国产不卡a| 男同免费gay片| 亚洲av无一区二区三区| 年轻的女老师| 久久久国产一区二区三区四区小说| 成 年 人 黄 色 大 片大 全| xyx性爽欧美| 亚洲成a人v欧美综合天堂| 69xx老熟女| 国产精品天天看天天狠| √天堂网www最新版| 亚洲午夜性猛春交xxxx| 好男人在线社区www在线播放 | 亚洲午夜成人精品无码app| 三级 亚洲 欧美| 丰满亚洲大尺度无码无码专线| 国产一区二区三区无码免费| 国产喷水1区2区3区咪咪爱av | 无码国内精品人妻少妇蜜桃视频| 中国女人free性hd国语| 成人特级毛片www免费版| 高潮喷水chinesevideo | 欧美交换配乱吟粗大视频| 国产精品一区二区 尿失禁| 公玩弄年轻人妻hd| 麻豆果冻传媒在线观看| 国产偷人妻精品一区 | 亚洲产国偷v产偷v自拍色戒| 最近更新2019中文字幕高清| 久久精品国产亚洲av日韩| 日韩好片一区二区在线看| 中文字幕 欧美 亚洲| 亚洲国产精品无码一线岛国| 欧美肥老太牲交| 亚洲国产另类久久久精品网站| 妺妺窝人体色www看美女|