鼠标移开一级菜单时怎么不让二级菜单马上消失？

Question

//获取所有的顶级菜单
var menu=document.getElementById("header_list").getElementsByTagName("li");
//获取所有的子菜单
var son_menu=document.getElementById("top_nav_show").getElementsByTagName("ul");
var length=menu.length;for(var i=0;i<length;i++){	 	
menu[i].index=i;		
menu[i].onmouseover=function(){			
var k=this.index;			
for(j=0;j<son_menu.length;j++){				
son_menu[j].style.display="none";			
}			
if(k>0){			
var m=k-1;			
son_menu[m].style.display="block";				
}								
}		
menu[i].onmouseleave=function(){			
for(j=0;j<son_menu.length;j++){				
son_menu[j].style.display="none";			
}		
}
}

Answer 1

这个效果用css就可以了。没必要用js