首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> 更多程式語言 >> 程式設計綜合問答

HTML5 導航列二級選單滑鼠移出消失問題與解決方案

     編輯:程式設計綜合問答

簡化版導航列中,一級選單 A 與二級選單 B 皆位於 nav 元素內,但滑鼠一離開 nav 區域,B 就立即消失,而非滑鼠離開 B 才消失。這是因為 onmouseout 事件過於靈敏,滑鼠從 A 移到 B 時可能經過 nav 的間隙,觸發了隱藏動作。

較佳做法是將二級選單巢狀放在一級選單的 li 元素內,或使用 jQuery 的 hover / mouseenter 與 mouseleave 搭配延遲隱離,避免 onmouseout 的過度靈敏。若要保留目前結構,也可在 JavaScript 中加入計時器,讓選單在短暫延遲後再隱藏。

  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved