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

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

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

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

最新回答 / 慕仔5111791
第一個菜單對應的二級菜單div塊中class=''sub_content none' 把后面的none去掉

最新回答 / qq_佚名_30
上下左右外邊距為9px,保持良好編寫代碼習慣,加上px,雖然不加也沒關系

已采納回答 / FreeDragon
$(document).ready(function() {? var sub = $('#sub')? var activeRow? var activeMenu? $('#test')? ? .on('mouseenter', function(e) {? ? ? sub.removeClass('none')? ? })? ? .on('mouseleave', function(e) {? ? ? sub.addClass('none')? ? ? if (activeRow){? ? ? ? a...

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

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

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

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

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

已采納回答 / qq_柚子先生一生誓言_0
你的灰色下劃線是li的默認樣式吧,給li加個list-style: none;試試

最新回答 / 懵逼的我
https://github.com/ccccccl/JD-has-no-delayed-menu??代碼不完全一樣,根據理解實現了功能。歡迎點贊。
課程須知
1、基本的HTML,CSS和JS語法 2、JQuery的常用API
老師告訴你能學到什么?
1、如何寫菜單結構 2、如何寫菜單樣式 3、如何實現菜單交互 4、如何優化菜單交互 5、如何實現無延遲切換

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消