现在的位置: 首页 > 综合 > 正文

导航代码

2013年03月28日 ⁄ 综合 ⁄ 共 3122字 ⁄ 字号 评论关闭
<!--菜单-->
<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>

 

抱歉!评论已关闭.