如何用onmouseover同时触发两个事件，弹出菜单和背景变色

Question

<td width="33%" align=center onmouseover="mymenuShow(menu01,this)"
onmouseout="mymenuHide(menu01,this)">菜单显示</td><div style="DISPLAY:none;LEFT:0px;WIDTH:80px;POSITION:absolute;TOP:0px;HEIGHT:100px;BACKGROUND-COLOR:#dddddd" id=menu01
onmouseover="menuShow(this)" onmouseout="menuHide(this)"><br>菜单内容<br></div>
后面我定义了函数
<script language=javascript>
function mymenuShow(menu,td) 
{
    menuShow(menu);
    td.style.BACKGROUND-COLOR='#ffffff';
  }
function mymenuHide(menu,td) 
{
  menuHide(menu);
  td.style.BACKGROUND-COLOR='#dddddd';  
}

Answer 1

<script language=javascript>
function menuShow(menu) 
{
    document.all[menu].style.display='block';
  }
function menuHide(menu) 
{
    document.all[menu].style.display='none';
}
</script><table><tr>
<td id="tm" width="33%" align=center onmouseover="menuShow('menu01');this.style.backgroundColor='red';" onmouseout="menuHide('menu01');this.style.backgroundColor='#ffffff';" bgcolor="#ffffff">菜单显示</td></tr></table><div style="DISPLAY:none;LEFT:0px;WIDTH:80px;POSITION:absolute;TOP:0px;HEIGHT:100px;BACKGROUND-COLOR:#dddddd" id='menu01' onmouseover="menuShow('menu01')" onmouseout="menuHide('menu01')"><br>菜单内容<br></div>

Answer 2

我说的是ttyp的办法不行，正在试aasx的办法

Answer 3

aasx的办法可以，非常感谢，得分~！
能不能再改进一下，当鼠标从td移动到弹出的菜单上的时候，td背景的红色不要消失行不行？