html onmouseover 注释掉,javascript给一个html标签添加onmouseover事件。

楼主没有完全表述清楚到底是做一个菜单,还是一个选项卡切换,看了半天,大概是你想写一个导航菜单了,抽空写了一个,先给出全部源码:

导航菜单

body{font-size:12px;}

ul,li{list-style-type:none;padding:0;margin:0;}

.main_nav{padding:2px;}

.main_nav a{display:block;line-height:28px;height:28px;padding-left:10px;overflow:hidden;}

.main_nav .navs{width:120px;}

.main_nav .navs .nav_a{background:#dddddd;color:#000000;text-decoration:none;}

.sub_nav{display:none;width:120px;}

.sub_nav li a {color:#ffffff;text-decoration:none;}

.sub_nav li a:link, .sub_nav li a:visited{background:#a0bed5;}

.sub_nav li a:hover{background:#0077bb;}

• 我的个人信息

  • 姓名
  • 个人主页
  • 我的校内
  • 我的空间

function showsubnav(id){

document.getelementbyid(id).style.display='block';

}

function hidesubnav(id){

document.getelementbyid(id).style.display='none';

}

先复制下来,另存为x.htm 在浏览器打开运行一下吧, 鼠标放到 "我的个人信息" 会弹出一个下拉菜单, 鼠标放到下面的子菜单可以导航了,不会出现菜单忽然失踪了,测试浏览器(firefox3,opera 9.6, ie6,7,8),根据自己需要再改写吧,上面的可以说是最基本的导航菜单模型,

不过,推荐楼主用菜单生成器生成,兼容性好,有不用写代码.网上搜索一下就有了.

为什么上面的鼠标放在子菜单下,子菜单并没有消失?因为 鼠标放到子菜单上面, 由于子菜单包含在

如果把

• 姓名
• 个人主页
• 我的校内
• 我的空间

这段子菜单代码放到 上面的

那么,就会出现你上述的情况,鼠标来不及点击子菜单,子菜单就消失了,

不知道你明白了没有?