日本老熟妇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
在線咨詢
聯系在線客服,為您解答所有的疑問
主站蜘蛛池模板: 亚洲精品综合欧美一区二区三区| 一个人看的免费高清www视频| 爱如潮水在线观看视频| 女人与公拘交酡zozo| 一区二区三区在线 | 日本| 在教室伦流澡到高潮hgl动漫| 欧亚乱熟女一区二区三区在线| 午夜福利国产成人无码gif动图| 国产精品夜夜春夜夜爽久久 | 亚洲精品一区二区三区精品| 天下第一社区在线观看| 免费中文字幕日韩欧美| 久久久久亚洲av成人网人人软件| 日本xxxx色视频在线播放| 国产精品亚洲片在线观看不卡| 人妻少妇中文字幕久久| 亚洲成av人的天堂在线观看| 欧美40老熟妇| 精品熟女少妇av久久免费| 好男人好资源在线观看免费视频| 白嫩白嫩bbbbbbbbb| 亚洲av乱码一区二区三区香蕉| 狠狠色婷婷久久综合频道日韩| av大片| 亚洲人成网站18禁止无码| 国产精品最新免费视频| 国产在线国偷精品产拍| 丰满少妇69激情啪啪无| 国产精品毛片一区二区| 色婷婷av一区二区三区| 屁屁草草影院ccyycom| 欧美伊人色综合久久天天| 少妇愉情理伦三级| 极品人妻被黑人中出种子| 亚洲av乱码一区二区三区林ゆな| 内射人妻视频国内| 国产亚洲欧美日韩精品一区二区 | 麻豆亚洲一区| 日韩av无码中文无码不卡电影| 国产精品美女久久久| 免费高清中文字幕mv|