第一次发帖，格式不规范见笑了。
求助为什么我的菜单当鼠标放在菜单其中一个上面是，显示红色。当鼠标放下来时为什么就和其它的一样了阿？就是都不知道现在实在那个菜单区了。我要的效果是只要不点击另一个，这个始终在红色状态。
<!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">
div,ul,li,dl,dt,dd {margin:0; padding:0; border:0;}
#content{ width:505px; height:350px; background:#FF9999}
#content ul{ width:auto; height:auto}
#content ul li{width:auto; height:auto; list-style:none}
#content ul li a{text-decoration:none;}
#content ul li a:hover{ color:#FFFFFF}
#content .active,#content li.active{
background-image:url(inc5/hou-2.gif);}
#tap{ height:30px; width:505px;}
#tap a{ background-color:#0033FF;width:99px; height:30px; margin-left:1px; display:block;color: #FFFFFF; font: bold 14px/30px "宋体" ; text-decoration:none; float:left; text-align:center}
#tap a:hover{ background: #CC6666 ; color:#FFFFFF}
#foot{width:605px; height:400px; border: #0000FF 1px solid; margin-top:10px;}
</style>
<script language="javascript">
function showDiv(num,num1)
{
for(var id = 1;id<=5;id++)
{
var ss="about"+num1+id;
var nss="aboutnav"+num1+id;
if(id==num){
try{document.getElementById(ss).style.display="block"}catch(e){};
try{document.getElementById(nss).className="active"}catch(e){};
}else{
try{document.getElementById(ss).style.display="none"}catch(e){};
try{document.getElementById(nss).className=""}catch(e){};
}
}
}
</script>
</head>
<body>
<div id="content">
<div id="tap">
<div id="aboutnav11" class="active"><a href="javascript:showDiv(1,1);" onmouseover="javascript:showDiv(1,1);" target="_self">AA</a></div>
<div id="aboutnav12"><a href="javascript:showDiv(2,1);" onmouseover="javascript:showDiv(2,1);" target="_self">BBB</a></div>
<div id="aboutnav13"><a href="javascript:showDiv(3,1);" onmouseover="javascript:showDiv(3,1);" target="_self">CCCC</a></div>
<div id="aboutnav14"><a href="javascript:showDiv(4,1);" onmouseover="javascript:showDiv(4,1);" target="_self">DDDD</a></div>
<div id="aboutnav15"><a href="javascript:showDiv(5,1);" onmouseover="javascript:showDiv(5,1);" target="_self">EEEEEEE</a></div>
</div>
<ul class="list1" id="about11" style="display: block;">
<li><a href="http://www.baidu.com/">aaaaaaaaaaaaaaa</a></li>
<li><a href="http://www.163.com/">aaaaaaaaaaaaaaa</a></li>
<li>aaaaaaaaaaaaaaa</li>
<li>aaaaaaaaaaaaaaa</li>
</ul>
<ul class="list1" id="about12" style="display: none;">
<li>bbbbbbbbbbbb</li>
</ul>
<ul class="list1" id="about13" style="display: none;">
<li><a href="http://www.baidu.com/">ccccccccccccc</a></li>
<li>ccccccccccccc</li>
<li>ccccccccccccc</li>
<li>ccccccccccccc</li>
<li><a href="http://www.baidu.com/">ccccccccccccc</a></li>
</ul>
<ul class="list1" id="about14" style="display: none;">
<li>dddddddddddddd</li>
</ul>
<ul class="list1" id="about15" style="display: none;">
<li><a href="http://www.265.com/">eeeeeeeeeeeee</a></li>
<li>eeeeeeeeeeeee</li>
<li>eeeeeeeeeeeee</li>
<li>eeeeeeeeeeeee</li>
<li><a href="http://www.baidu.com/">eeeeeeeeeeeee</a></li>
</ul>
</div>
<div id="foot">
<div id="content">
<div id="tap">
<div id="aboutnav21" class="active"><a href="javascript:showDiv(1,2);" onmouseover="javascript:showDiv(1,2);" target="_self">艺术系</a></div>
<div id="aboutnav22"><a href="javascript:showDiv(2,2);" onmouseover="javascript:showDiv(2,2);" target="_self">计科系</a></div>
<div id="aboutnav23"><a href="javascript:showDiv(3,2);" onmouseover="javascript:showDiv(3,2);" target="_self">外语系</a></div>
<div id="aboutnav24"><a href="javascript:showDiv(4,2);" onmouseover="javascript:showDiv(4,2);" target="_self">中文系</a></div>
<div id="aboutnav25"><a href="javascript:showDiv(5,2);" onmouseover="javascript:showDiv(5,2);" target="_self">南理工</a></div>
</div>
<ul class="list1" id="about21" style="display: block;">
<li><a href="http://www.baidu.com/">aaaaaaaaaaaaaaa</a></li>
<li><a href="http://www.163.com/">aaaaaaaaaaaaaaa</a></li>
<li>aaaaaaaaaaaaaaa</li>
<li>aaaaaaaaaaaaaaa</li>
</ul>
<ul class="list1" id="about22" style="display: none;">
<li>bbbbbbbbbbbb</li>
</ul>
<ul class="list1" id="about23" style="display: none;">
<li><a href="http://www.baidu.com/">ccccccccccccc</a></li>
<li>ccccccccccccc</li>
<li>ccccccccccccc</li>
<li>ccccccccccccc</li>
<li><a href="http://www.baidu.com/">ccccccccccccc</a></li>
</ul>
<ul class="list1" id="about24" style="display: none;">
<li>dddddddddddddd</li>
</ul>
<ul class="list1" id="about25" style="display: none;">
<li><a href="http://www.265.com/">eeeeeeeeeeeee</a></li>
<li>eeeeeeeeeeeee</li>
<li>eeeeeeeeeeeee</li>
<li>eeeeeeeeeeeee</li>
<li><a href="http://www.baidu.com/">eeeeeeeeeeeee</a></li>
</ul>
</div>
</div>
</body>
</html>
