我正在尝试复制导航，如www.accenture.com中所示
这是我迄今为止所能实现的目标：http://alfadesigntech.com/new/pages/inside-page-template.html
我使用了一个java脚本来显示/隐藏一个下拉菜单，这个菜单实际上是一个带有更多链接的隐藏div。问题是，只要我离开菜单按钮，下拉菜单就会再次隐藏。虽然我可以使用延迟onmouseout，但它不是我正在寻找的解决方案。
根据我的有限知识，可能的解决方案是以某种方式扩展悬停区域以覆盖隐藏的框。我怎样才能做到这一点？有替代解决方案吗？
任何帮助都将非常感谢..提前致谢..
聚苯乙烯。我对javascripts的了解有限。
答案 0 :(得分：1)
你可以将带有链接的div放在一个带有触发锚的容器中 - 它应该有帮助。
<div id="menu-item-1" onmouseover=....>
<img/>
<div class="links">Show us on mouseover and hide on mouseout</div>
</div>
虽然它通常取决于特定的标记。
同样可行的解决方案 - 当链接面板打开时 - 如果鼠标移出它并且鼠标没有在锚图像上，则隐藏它。