慕的地6264312
2019-03-02 15:11:41
我現(xiàn)在要用jQuery模擬一個百度首頁的鼠標(biāo)上浮 下拉列表的功能,我現(xiàn)在遇到的問題是,鼠標(biāo)上浮 "設(shè)置" 只有當(dāng)鼠標(biāo)在"設(shè)置"上浮的時候,才下拉,鼠標(biāo)上浮在列表的時候,它就馬上收回去了,如何 當(dāng)鼠標(biāo)上浮在下拉框,下拉框依然顯示,不收回去?我的代碼如下: <div id="nav"> <div class="list"> <a href="#" class="setting">設(shè)置</a> </div> </div> <div class="set"> <ul> <li><a href="#" class="active">搜索設(shè)置</a></li> <li><a href="#">高級搜索</a></li> <li><a href="#">關(guān)閉預(yù)測</a></li> <li><a href="#">搜索歷史</a></li> </ul> </div> $('#nav .list .setting').hover(function(){ $('.set ul').slideDown(); }, function(){ $('.set ul').slideUp(); })
4 回答

牛魔王的故事
TA貢獻(xiàn)1830條經(jīng)驗 獲得超3個贊

紫衣仙女
TA貢獻(xiàn)1839條經(jīng)驗 獲得超15個贊
1.
1樓的答案有點(diǎn)不準(zhǔn)確,就算把class為set的div放入a標(biāo)簽內(nèi),鼠標(biāo)離開a標(biāo)簽也會消失,因為a標(biāo)簽是行內(nèi)元素,只有一行那么高,就算把div放入了里面,也不能改變a標(biāo)簽的高度,所以鼠標(biāo)離開a標(biāo)簽,.set也會消失。
所以你可以試試把a(bǔ)標(biāo)簽換成div,然后再把.set放入里面就可以了。還有,把slideDown,slideUp換成show,hide會更像百度的效果。
2.
我看百度并沒有像第一個說的那樣把設(shè)置的菜單放入了設(shè)置的里面,至于百度怎么實(shí)現(xiàn)的我就不知道了。
添加回答
舉報
0/150
提交
取消