基于html JavaScript CSS做一个onMouseOver事件，当鼠标在上面时下面的隐藏栏会出现，里面有一些超链接

来源：百度知道 编辑：UC知道 时间：2024/07/08 20:50:56
基于html JavaScript CSS这三个做一个简单的onMouseOver事件，当鼠标在上面时下面的隐藏栏会自动出现，里面有一些超链接可以点击 例如：上面一行是 "我的个人信息" 当鼠标移动到这上面的时候下面隐藏栏出现，（好像是用style="display:none";来约束吧），隐藏栏的内容是"姓名" "个人主页" "我的校内" "我的空间" 等一系列超链接，当鼠标离开隐藏栏或者上面我的个人信息栏的时候 隐藏栏又自动隐藏。请高手帮帮忙，我实在做不出来了，每次都是鼠标一放在上面我的信息栏时，下面的隐藏栏会出现，但当想点击隐藏栏里的链接时候鼠标一移动到下面它又消失了 不知道差在哪啊 哪位指点指点啊 谢谢啦

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1 DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>导航菜单</title>
<style type="text/css">
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_n