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

為了賬號安全,請及時綁定郵箱和手機立即綁定

JS實現京東無延遲菜單效果

呵呵SN JS工程師
難度初級
時長48分
學習人數
綜合評分9.33
85人評價 查看評價
9.7 內容實用
9.2 簡潔易懂
9.1 邏輯清晰

最贊回答 / qq_有人我_7
以上僅為個人觀點,如有錯誤請指正

最贊回答 / 小媛快跑
源碼+文字整理: https://segmentfault.com/a/1190000012633588?_ea=3087816

最贊回答 / 淺芷初夏
這個其實也不算什么bug,你看到的空子菜單實際上就是它的padding造成的,你可以把padding這個css樣式命令剝離出來,在鼠標移入li時addClass,移出li時removeClass。第二種方法比較簡單,看圖:<...圖片...>把那行代碼寫過來

最贊回答 / 兼容并包
這個的正確寫法是 li:ative{ //這里寫你要用的樣式代碼} 。 我寫這么多海沒見過你發的那個偽類。希望對你有幫助。

最新回答 / 慕粉1736476467
可不可以分區域,當鼠標在左側部分,就不需要延遲加載,當鼠標在右側,就可以延遲加載。

最新回答 / 懵逼的我
https://github.com/ccccccl/JD-has-no-delayed-menu??代碼不完全一樣,根據理解實現了功能。歡迎點贊。

最贊回答 / Avalondada
第五行$("#test ul")這里出問題了,將事件綁在ul上就會出現這個問題,應該綁在整個的父元素上,也就是id="test"這個div上。

最新回答 / simonc
代碼里面的active樣式應該是這樣的:li.active{????background: ....;}當鼠標移動到li項的時候背景顏色會發生改變至于activeRow和activeMenu,它們都是全局變量請使用手機"掃一掃"x

最新回答 / MarlboroKay
ul{padding: 15px 0;margin:9px;list-style:none;background:#6c6669;color:#ffffff;border-right-width: 10px;top:0;}top:0;去掉望采納!

最新回答 / 0MY0
自問自答。。。。原來jquery.min.js要放在前面。。。。<script type="text/javascript" src="js/jquery.min.js"></script><script type="text/javascript" src="js/megadropdown.js"></script>
課程須知
1、基本的HTML,CSS和JS語法 2、JQuery的常用API
老師告訴你能學到什么?
1、如何寫菜單結構 2、如何寫菜單樣式 3、如何實現菜單交互 4、如何優化菜單交互 5、如何實現無延遲切換

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消