我正在开发一个超级菜单并使用无序列表来触发一个事件来显示超级菜单。这是导航栏的 HTML 代码:
<div class="alpha omega grid_15" id="topNavLink">
<ul id="navRollOver">
<li><a href="#" title="SOCCER" target="_self" >SOCCER</a></li>
<li><a href="#" title="TENNIS" target="_self" >TENNIS</a></li>
<li><a href="#" title="BASEBALL" target="_self" >BASEBALL</a></li>
<li><a href="#" title="BASKETBALL" target="_self" >BASKETBALL</a></li>
<li><a href="#" title="FOOTBALL" target="_self" >FOOTBALL</a></li>
<li><a href="#" title="GOLF" target="_self" >GOLF</a></li>
<li><a href="#" title="RUGBY" target="_self" >RUGBY</a></li>
<li><a href="#" title="HOCKEY" target="_self" >HOCKEY</a></li>
</ul>
</div>
我正在调用一个带有类的 div subNavContainer
,css 状态是display: none
;
这就是我想要做的......我打算获取所有li
和目标的数组> a
并听鼠标输入事件以触发巨型菜单slideDown
。
我需要帮助通过li
检查它是否具有迭代并a
基于我想触发一个事件来显示using ,并且当鼠标移动到 时,我想触发该事件。mouseenter
a
megaMenu
slideDown
next()
a
slideUp
同样,如果鼠标进入,subNavContainer
它应该留在屏幕上,而当鼠标离开时,subNavContainer
或者如果屏幕上没有移动,则subNavContainer
应该slideUp
。