鼠标离开主菜单子菜单隐藏的问题

var main_items=getId('menu_main').getElementsByClassName('menu_main_item')；
// 主菜单划过显示子菜单

main_items[k].onmouseover=function(){

for(var m=0;m<len1;m++){

inner_boxs[m].style.display="none";

}

//这里面不能直接使用k，这里的k是最终的值4，通过设置属性来解决 menu_sub.style.display="block";

innerX=this.getAttribute('morder'); inner_boxs[innerX].style.display="block";

}

// 主菜单离开，子菜单消失

main_items[k].onmouseout=function(){ menu_sub.style.display="none"; }

我们这里代码就是取的主菜单的四个menu_item来作为显示子菜单的凭证，因为是鼠标在四个menu_item上滑动就显示对应的子菜单，离开则整个子菜单就消失。因为即使鼠标在主菜单区域里，它没有与它呼应的子菜单，那子菜单自然不会显示的。