尝试制作一个onmouseover javascript下拉菜单

Question

Effect I want 。基本上我想在用户鼠标悬停链接时弹出一个简单的菜单。 我尝试了几个现成的脚本，但无法将它们与我的网站集成。因此决定建立自己的。 这就是我想要做的事情：

   <li onmouseover=showlist1() onmouseout=hidelist1() ><a class="navigation"  href="show_delhi_items.php">Menu heading</a></li>

 function showlist1() //onmouseover
  {

      document.getElementById('list1').style.visibility='visible' ;

  }
  function hidelist1() //onmouseout
  {
      if (menu elements don't have focus)
      {
      document.getElementById('list1').style.visibility='hidden' ;
      }
  }

现在在这个如何实现'菜单元素没有焦点'部分？我知道不可能知道哪个elemtn有焦点。所以我需要另一种选择。基本上问题是，只要鼠标移动到主链接（弹出隐藏菜单的链接）之外，菜单就会隐藏。我想要的是菜单如果获得焦点仍然可见。但是目前只要鼠标在主链接之外就会被隐藏

希望我足够清楚。

Answer 1

嗯，现在我做了那个评论，我最好以实际的方式做到这一点：）

Go here and read all about suckerfish dropdowns

Go here to see an example implementation

Answer 2

使菜单与包含onmouseover菜单的列表项重叠。如果鼠标位于列表项和菜单之外，则仅关闭菜单。您将不得不使用：

position: absolute;
top: some-y-value;
left: some-x-value;