日本老熟妇maturebbw,最近中文mv字幕免费高清在线7,yy6080久久伦理一区二区,中文字幕人妻av一区二区,成人免费无码av,亚州av综合色区无码一区,日本xxwwwxxxx18,入室强伦轩人妻电影
284292114@qq.com 中國(guó)站
行業(yè)新聞 網(wǎng)站建設(shè) 網(wǎng)絡(luò)推廣 首頁(yè)>新聞中心>網(wǎng)站建設(shè)

用jq實(shí)現(xiàn)bootstrap框架點(diǎn)擊彈出二級(jí)菜單變?yōu)槭髽?biāo)劃過顯示菜單。

時(shí)間:2022-08-18   訪問量:0

用過bootstrap框架的朋友都知道它自帶的二級(jí)導(dǎo)航菜單是點(diǎn)擊后彈出來,而且不再點(diǎn)擊就不消息,非常不友好。


那么如何解決這個(gè)問題呢?

我們用JQ可以實(shí)現(xiàn)。

$(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");
   });
})

因?yàn)閎ootstrap框架本身點(diǎn)擊后就是給菜單 添加show的CSS樣式,所以只需要用JQ實(shí)現(xiàn)添加即可

接下來還需要調(diào)整一下CSS樣式,否則會(huì)出現(xiàn)鼠標(biāo)向二級(jí)菜單滑動(dòng)的時(shí)候,二級(jí)菜單消失的情況。這是因?yàn)橐患?jí)菜單和二級(jí)菜單中間出現(xiàn)了間隙。

.nav-link{
	padding:1rem 1rem; /***主要是為了因調(diào)整自帶的導(dǎo)航鼠標(biāo)劃過效果****/
}

.dropdown-menu{	
	top:80%;    /***主要是為了因調(diào)整自帶的導(dǎo)航鼠標(biāo)劃過效果****/
}


這樣就用jq解決了bootstarp框架菜單導(dǎo)航的問題了。

服務(wù)咨詢
1對(duì)1咨詢,專業(yè)客服為您解疑答惑
聯(lián)系銷售
15899750475
在線咨詢
聯(lián)系在線客服,為您解答所有的疑問
主站蜘蛛池模板: 日本hd高清xxxxvideos| 亚洲高清aⅴ日本欧美视频| 久久久亚洲av波多野结衣| 一个人看的www视频免费高清| 四虎国产精品永久免费网址| 亚洲精品无码av中文字幕| 色五月丁香五月综合五月4438| 色欲久久久天天天综合网精品| 欧美熟妇brazzers| 国产av一区二区三区日韩| 26uuu另类亚洲欧美日本| 久久人人97超碰a片精品| 美女内射视频www网站午夜| 欧美刺激性大交| 吃奶还摸下面动态图gif| 国产毛多水多高潮高清| 亚洲日产欧| 在线观看片免费人成视频播放| 国产熟女一区二区三区五月婷| 成本人在线观看视频网站| 好吊视频一区二区三区| 亚洲av日韩av综合| 大地资源在线资源官网| 男女18禁啪啪无遮挡网站| 精品国产三级a在线观看| wc女厕撒尿七ⅴ偷拍| 久久久亚洲欧洲日产国码606| 果冻传媒天美传媒精东影业在线| 高潮喷水的毛片| 朝鲜少妇bbw| 久久无码字幕中文久久无码| 欧美性xxxxx极品少妇| 成人片黄网站a毛片免费| 专干老肥熟女视频网站300部| 成人免费a级毛片无码片2023| 乱码1/2| 精品久久综合亚洲欧美久久| 日韩视频在线观看| 啦啦啦视频免费播放完整版 | 天堂网在线观看| 久久精品无码一区二区日韩av|