导航代码

<!--菜单-->
<TABLE cellSpacing=0 cellPadding=0 width=996 align=center 
background=pic/index12_9.gif border=0>
  <TBODY>
  <TR>
    <TD width=100%>
 <ul id="nav">
 <li><a href="">首页</a>
 </li>
<li><a href="#">专业概况</a> 
<ul> 
<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> 

</ul> 
</li> 
<li style="width:100px;text-align:center;"><a href="#">国家特色专业</a> 
 
</li> 
<li><a href="#">产学研合作</a> 
<ul> 
<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> 

</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> 
<ul> 
<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> 

</ul> 
</li> 
<li><a href="#">&nbsp;&nbsp;最新动态</a> 
<ul> 
<li><a href="#">就业信息</a></li> 
<li><a href="#">最新科研成果</a></li> 

</ul> 
</li> 
</TD> </TR></TBODY></TABLE>
<script type=text/javascript> 
<!--//--><![CDATA[//><!-- 
function menuFix() { 
var sfEls = document.getElementById("nav").getElementsByTagName("li"); 
for (var i=0; i<sfEls.length; i++) { 
sfEls[i].onmouseover=function() { 
this.className+=(this.className.length>0? " ": "") + "sfhover"; 
} 
sfEls[i].onMouseDown=function() { 
this.className+=(this.className.length>0? " ": "") + "sfhover"; 
} 
sfEls[i].onMouseUp=function() { 
this.className+=(this.className.length>0? " ": "") + "sfhover"; 
} 
sfEls[i].onmouseout=function() { 
this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"), 
""); 
} 
} 
} 
window.onload=menuFix; 
//--><!]]> 
</script> 

<style type="text/css"> 
<!-- 
*{margin:0;padding:0;border:0;} 
body { 
font-family: arial, 宋体, serif; 
font-size:12px; BACKGROUND-IMAGE: url(pic/bg1.gif)
} 
BODY {
    FONT-SIZE: 12px; FONT-FAMILY: "宋体", "Verdana", "Arial", "Helvetica", "sans-serif"
}
TD {
    FONT-SIZE: 9pt; FONT-FAMILY: "宋体", "Verdana", "Arial", "Helvetica", "sans-serif"; LETTER-SPACING: 1px
}
A {
    FONT-SIZE: 9pt; FONT-FAMILY: "宋体", "Verdana", "Arial", "Helvetica", "sans-serif"; LETTER-SPACING: 1px
}
A:link {
    FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: none
}
A:visited {
    FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: none
}
A:active {
    FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: none
}
A:hover {
    FONT-SIZE: 12px; COLOR: #ff6600; TEXT-DECORATION: none
}


#nav { 
line-height: 40px; list-style-type: none;background: url(pic/1.gif);height:33px;font-size:14px;
} 
#nav a { 
display: block; width: 80px; text-align:center; 
} 
#nav a:link { 
 text-decoration:none; 
} 
#nav a:visited { 
text-decoration:none; 
} 
#nav a:hover { 
 text-decoration:none;
} 
#nav li { 
float: left; width: 80px; 
} 

#nav li ul { 
line-height: 33px; list-style-type: none;text-align:left; 
left: -999em; width: 180px; position: absolute; 
} 
#nav li ul li{ 
float: left; width: 180px; 
background: #F6F6F6; 
} 
#nav li ul a{width: 180px;text-align:left;padding-left:24px; 
} 
#nav li ul a:link { 
 text-decoration:none; 
} 
#nav li ul a:visited { 
text-decoration:none; 
} 
#nav li ul a:hover { 
text-decoration:none;font-weight:normal; background:#CCC;
 } 
.link1{width:200px;}
#nav li:hover ul { 
left: auto; 
} 
#nav li.sfhover ul { 
left: auto; 
} 
#content { 
clear: left; 
} 
--> 
</style>