我有一个带有以下代码的菜单:
<div id="head_navigation">
<ul>
<li><a href="javascript:void(0);"><img src="img/start.jpg" width="57" height="40" title="start" alt="" /></a></li>
<li><a href="javascript:void(0);"><img src="img/favoriten.jpg" width="87" height="40" title="favoriten" alt="" /></a></li>
</ul>
</div>
<div id="head_subnavigation">
<ul id="start" class="hidden">
<li><div class="button"><a href="javascript:void(0)" onclick="cwload('arztauswertung.html','start');" title="Rezeptsuche"><img src="img/icons/icon_rezeptsuche_on.png" width="50" height="62" alt="Rezeptsuche" /><br />Rezeptsuche</a></div></li>
<li><div class="button"><a href="javascript:void(0)" onclick="cwload('arztauswertung.html','start');"><img src="img/icons/icon_zuzahlung_on.png" width="50" height="62" alt="Zuzahlung" /><br />Zuzahlung</a></div></li>
<li><div class="button"><a href="javascript:void(0)" onclick="cwload('arztauswertung.html','start');"><img src="img/icons/icon_abrechnung_on.png" width="50" height="62" alt="Abrechnung" /><br />Abrechnung</a></div></li>
</ul>
</div>
'#head_subnavigation' 的 CSS 为“display:none”。当我将带有标题“start”的图像悬停时,会显示 ID 为“start”的 <ul>。等等。
它工作正常,但我的问题是“Mouseout”。当我对“#head_navigation”使用 Mouseout 事件时,当我想将 li 项悬停在子菜单上时,我的子导航消失。你明白我的意思吗???
只有当我跳转到“head_navigation”div 中的另一个 li 项目或鼠标移出“#head_subnavigation”div 时,我如何才能使用 Mouseout,但当我用鼠标从“head_navigation”移动到“head_subnavigation”时不能使用?任何人都可以帮忙吗?尝试了很多东西 - 没有任何效果...... :(
感谢那。
问候,萨沙
澄清
我有一个嵌套导航菜单,其中子导航基于标题属性显示在图像 $('# head_navigation img') 的鼠标悬停上。
我希望子导航保持打开状态,直到我将鼠标移出子导航或图像。