div + javascript 简单制作鼠标移上去出现下级菜单,出现一个小问题

Question

html代码:
   <div id="menu">   
   <ul>   
   <li><a href="main.aspx">首页</a></li>
   <li class="menuDiv"></li>
   <li onmouseover="newsMenuShow()" onmouseout="InitDIV()">
<a href="#">新闻</a></li>
    <li>公司产品</li>
    </ul>
javascript:代码
function newsMenuShow()
{
   document.getElementById("news_div").style.visibility='visible';
   document.getElementById("news_div").style.position='absolute';
   document.getElementById("news_div").style.left=255;   
   document.getElementById("produts_div").style.visibility='hidden';     
}
function InitDIV()
{
   document.getElementById("news_div").style.visibility='hidden';
   document.getElementById("produts_div").style.visibility='hidden';   
}
DIV块代码
    <div id="news_div" onmouseover="newsMenuShow()">
      <ul>
      <li>公司快讯</li>
      <li>时尚动态</li>
      <li>流行饰品</li>
      <li>人才招聘</li>
      </ul>
    </div>
    <div id="produts_div" onmouseover="newsMenuShow()">
      <ul>
      <li>产品系列1</li>
      <li>产品系列2</li>
      <li>产品系列3</li>
      <li>产品系列4</li>
      </ul>
    </div>
本来思路是这样的:当鼠标移到"关于公司"上时,让下一级菜单DIV块news_div显示,其它隐藏.怎么才能让鼠标从"关于公司"移到news_div块上,还能继续显示啊?因为移动的过度期间,执行了onmouseover事件,使得news_div没有了.
在此请教高手啊...
谢谢...

Answer 1

本来思路是这样的:当鼠标移到"新闻"上时,让下一级菜单DIV块news_div显示,其它隐藏.怎么才能让鼠标从"新闻"移到news_div块上,还能继续显示啊?因为移动的过度期间,执行了onmouseover事件,使得news_div没有了. --------------------------------------------------------
贴错了一点点..

Answer 2

你在鼠标移过新闻的时候就把隐藏了当然不显示把onmouseout="InitDIV()"去掉

Answer 3

<li onmouseover="newsMenuShow()">//去掉onmouseout事件<div id="news_div" onmouseover="newsMenuShow()" onmouseout="InitDIV()"> //onmouseout事件在div上加

Answer 4

在onmouseout事件中写隐藏的代码

Answer 5

在news_div里加onmouseout事件
<div id="news_div" onmouseover="newsMenuShow()" onmouseout="hiddenMenu(this)">
JS里添加：
function hiddenMenu()
{
  m.style.visibility='hidden';
}其它下级菜单里也直接添加  onmouseout="hiddenMenu(this)" 事件，鼠标离开后都可以隐藏