亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

模擬百度首頁右上角 鼠標上浮 "設置" 下拉功能

模擬百度首頁右上角 鼠標上浮 "設置" 下拉功能

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

4 回答

?
慕沐林林

TA貢獻2016條經驗 獲得超9個贊

.set的div放在.setting的a標簽內即可


查看完整回答
反對 回復 2019-03-13
?
UYOU

TA貢獻1878條經驗 獲得超4個贊

$('#nav .list .setting,.set').hover() //,并列


查看完整回答
反對 回復 2019-03-13
?
牛魔王的故事

TA貢獻1830條經驗 獲得超3個贊

當鼠標上浮在下拉框時候, 已經離開了$('#nav .list .setting')元素了。


查看完整回答
反對 回復 2019-03-13
?
紫衣仙女

TA貢獻1839條經驗 獲得超15個贊

1.


1樓的答案有點不準確,就算把class為set的div放入a標簽內,鼠標離開a標簽也會消失,因為a標簽是行內元素,只有一行那么高,就算把div放入了里面,也不能改變a標簽的高度,所以鼠標離開a標簽,.set也會消失。

所以你可以試試把a標簽換成div,然后再把.set放入里面就可以了。還有,把slideDown,slideUp換成show,hide會更像百度的效果。

2.


我看百度并沒有像第一個說的那樣把設置的菜單放入了設置的里面,至于百度怎么實現的我就不知道了。


查看完整回答
反對 回復 2019-03-13
  • 4 回答
  • 0 關注
  • 610 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號