菜单样式

Question

设置菜单的onmouseover和onmouseout属性，当鼠标在菜单上显示菜单子项，子项可以点击；当鼠标移开，子项隐藏。代码如下
function menu(son,me){
document.getElementById(son).style.display="block";
document.getElementById(me).style.fontWeight="bold";
}
function menu2(son2,me2)
{
document.getElementById(son2).style.display="none";
document.getElementById(me2).style.fontWeight="normal";}
onmouseover="menu('son1','me1')" onmouseout="menu2('son1','me1')"这样写的效果是鼠标在菜单上显示子项但是子项不能点 我想实现上述效果 ，谢谢！！

Answer 1

把子菜单的div嵌套放到父菜单的div内部。