我的代码
导航菜单是我的头疼的
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>...</title>
<style>
/*#pff{background-color: rgb(113,16,111);width: 100%;}*/
ul{list-style: none;}
li{border: #B0004A solid 1px;text-align: center;}
#mth>li{float: left;width: 10%;height: 50px;line-height: 50px;}
#mth>li>ul{display: none;}
#mth>li>ul>li{}
a{text-decoration: none;
color: white;background-color: rgb(113,16,111);display: block;
}
#mth>li>a:hover{background-color: rgb(106,12,103);}
#mth>li>ul>li>a:hover{background-color: white;color:rgb(113,16,111); }
</style>
<script type="text/javascript">
function menu(){
var lis = document.getElementById("mth").getElementsByTagName("li");
for(var i=0;i<lis.length;i++){
lis[i].onmouseover=function(){
var li_ul=this.getElementsByTagName("ul")[0];
if(li_ul.style.display=="block"){
li_ul.style.display="none";
}else{
li_ul.style.display="block";
}
}
}
}
window.onload=menu;
</script>
</head>
<body>
<div id="pff">
<ul id="mth">
<li><a href="#">南大概况</a><ul>
<li><a href="#">南大简介</a></li>
<li><a href="#">现任领导</a></li>
<li><a href="#">历任领导</a></li>
<li><a href="#">南大校史</a></li>
<li><a href="#">统计资料</a></li>
<li><a href="#">南大标识</a></li>
</ul></li>
<li><a href="#">院系部门</a></li>
<li><a href="#">招生就业</a><ul>
<li><a href="#">招生</a></li>
<li><a href="#">奖助学</a></li>
<li> <a href="#">就业创业</a></li>
</ul></li>
<li><a href="#">人才培养</a></li>
<li><a href="#">科学研究</a><ul>
<li><a href="#">科研动态</a></li>
<li><a href="#">科研机构</a></li>
<li><a href="#">成果查询</a></li>
<li><a href="#">学术期刊</a></li>
</ul></li>
<li><a href="#">合作交流</a><ul>
<li><a href="#">国际合作</a></li>
<li><a href="#">合作办学</a></li>
<li><a href="#">学生交流</a></li>
<li><a href="#">成果转化</a></li>
</ul></li>
<li><a href="#">文化生活</a><ul>
<li><a href="#">南大青年</a></li>
<li><a href="#">工会</a></li>
<li><a href="#">小百合BBS</a></li>
<li><a href="#">微媒体</a></li>
</ul></li>
<li><a href="#">校园服务</a>
<ul>
<li><a href="#">电话黄页</a></li>
<li><a href="#">南大校历</a></li>
<li><a href="#">鼓楼服务大厅</a></li>
<li><a href="#">图书馆</a></li>
<li><a href="#">心理咨询</a></li>
<li><a href="#">后勤服务</a></li>
<li><a href="#">网络服务</a></li>
<li><a href="#">媒体采访</a></li>
<li><a href="#">在线支付</a></li>
<li><a href="#">超算服务</a></li>
</ul></li>
</ul>
</div>
</body>
</html>
导航菜单是我的头疼的
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>...</title>
<style>
/*#pff{background-color: rgb(113,16,111);width: 100%;}*/
ul{list-style: none;}
li{border: #B0004A solid 1px;text-align: center;}
#mth>li{float: left;width: 10%;height: 50px;line-height: 50px;}
#mth>li>ul{display: none;}
#mth>li>ul>li{}
a{text-decoration: none;
color: white;background-color: rgb(113,16,111);display: block;
}
#mth>li>a:hover{background-color: rgb(106,12,103);}
#mth>li>ul>li>a:hover{background-color: white;color:rgb(113,16,111); }
</style>
<script type="text/javascript">
function menu(){
var lis = document.getElementById("mth").getElementsByTagName("li");
for(var i=0;i<lis.length;i++){
lis[i].onmouseover=function(){
var li_ul=this.getElementsByTagName("ul")[0];
if(li_ul.style.display=="block"){
li_ul.style.display="none";
}else{
li_ul.style.display="block";
}
}
}
}
window.onload=menu;
</script>
</head>
<body>
<div id="pff">
<ul id="mth">
<li><a href="#">南大概况</a><ul>
<li><a href="#">南大简介</a></li>
<li><a href="#">现任领导</a></li>
<li><a href="#">历任领导</a></li>
<li><a href="#">南大校史</a></li>
<li><a href="#">统计资料</a></li>
<li><a href="#">南大标识</a></li>
</ul></li>
<li><a href="#">院系部门</a></li>
<li><a href="#">招生就业</a><ul>
<li><a href="#">招生</a></li>
<li><a href="#">奖助学</a></li>
<li> <a href="#">就业创业</a></li>
</ul></li>
<li><a href="#">人才培养</a></li>
<li><a href="#">科学研究</a><ul>
<li><a href="#">科研动态</a></li>
<li><a href="#">科研机构</a></li>
<li><a href="#">成果查询</a></li>
<li><a href="#">学术期刊</a></li>
</ul></li>
<li><a href="#">合作交流</a><ul>
<li><a href="#">国际合作</a></li>
<li><a href="#">合作办学</a></li>
<li><a href="#">学生交流</a></li>
<li><a href="#">成果转化</a></li>
</ul></li>
<li><a href="#">文化生活</a><ul>
<li><a href="#">南大青年</a></li>
<li><a href="#">工会</a></li>
<li><a href="#">小百合BBS</a></li>
<li><a href="#">微媒体</a></li>
</ul></li>
<li><a href="#">校园服务</a>
<ul>
<li><a href="#">电话黄页</a></li>
<li><a href="#">南大校历</a></li>
<li><a href="#">鼓楼服务大厅</a></li>
<li><a href="#">图书馆</a></li>
<li><a href="#">心理咨询</a></li>
<li><a href="#">后勤服务</a></li>
<li><a href="#">网络服务</a></li>
<li><a href="#">媒体采访</a></li>
<li><a href="#">在线支付</a></li>
<li><a href="#">超算服务</a></li>
</ul></li>
</ul>
</div>
</body>
</html>
