导航条下拉

<link rel="stylesheet" type="text/css" href="nav.css">

<div id="home_page_top">

<div style="clear:left;" class="menucontainer">
<div id="navigation_bar" class="menu" >
<ul style="padding-top:10px;">
<li>
<!-- <a href="#" οnclick="announcement()">'联系我们'</a>-->
<a href="/main/contract" class="nov">联系我们</a>
</li>
<!--
<li>
<a href="/forum" class="nov">大赛论坛</a>
</li>
-->
<li>
<a href="/blogs/all" class="nov">大赛博客</a> <img src="images/2009/doc.gif" width="2" height="15"> 
</li>
<li>
<a href="#" class="nov">相关资讯 <img src="images/2009/doc.gif" width="2" height="15"> 
<!-[if IE 7]><!-></a>
<!-<![endif]->
<table style=" z-index:100;">
<tr>
<td>
<ul>
<li style=" z-index:100;">
<a href="/main/channel/54" target="_self">'大赛新闻'</a>
</li>
<li style=" z-index:100;">
<a href="/main/channel/57" target="_self">'大赛感言'</a>
</li>
<li style=" z-index:100;">
<a href="/main/album" target="_self">'精彩瞬间'</a>
</li>
<li style=" z-index:100;">
<a href="/center/all_teams" target="_self">'团队信息展示'</a>
</li>
<!--
暂时屏蔽该功能-->
<li style=" z-index:100;">
<a href="/main" target="_self">'赞助商信息展示'</a>
</li>
<li style=" z-index:100;">
<a href="/updatefiles/index" target="_black">'视频教学资料'</a>
</li>

</ul>
</td>
</tr>
</table>
<!-[if lte IE 6]>
</a>
<![endif]->
</li>
<li>
<a href="#" class="nov">大赛内容 <img src="images/2009/doc.gif" width="2" height="15"> 
<!-[if IE 7]><!-></a>
<!-<![endif]->
<table style=" z-index:100;">
<tr>
<td>
<ul>
<li style=" z-index:100;">
<!-- 暂时屏蔽<a herf="#" οnclick="announcement()">'管理创新'</a> -->
<a href="/main/channel/59" target="_self">'管理模拟比赛'</a>
</li>
<li style=" z-index:100;">
<!-- 暂时屏蔽 <a href="#" οnclick="announcement()">'创新产品设计'</a> -->
<a href="/main/channel/60" target="_self">'产品设计比赛'</a>
</li>
<li style=" z-index:100;">
<!-- 暂时屏蔽<a href="#" οnclick="announcement()">'创意营销策划'</a> -->
<a href="/main/channel/61" target="_self">'营销策划比赛'</a>
</li>
<li style=" z-index:100;">
<a href="/main/channel/70" target="_self">'创业实践比赛'</a>
<!-- 暂时屏蔽<a href="/main/channel/64" target="_self">'企业竞争模拟大赛'</a>-->
</li>
</ul>
</td>
</tr>
</table>
<!--[if lte IE 6]>
</a>
<![endif]-->
</li>
<li>
<a href="/main/description" class="nov">大赛介绍</a> <img src="images/2009/doc.gif" width="2" height="15"> 
</li>
<li>
<!-- 暂时屏蔽<a href="#" οnclick="announcement()">'我的比赛'</a>-->
<a href="/center" class="nov">我的比赛</a>  <img src="images/2009/doc.gif" width="2" height="15"> 
</li>
</li>
<li>
<a href="/main" class="nov">首页</a> <img src="images/2009/doc.gif" width="2" height="15"> 
</li>
</ul>
</div>
</div>
</div>


css--------------------------------------------------------------------

/*code based on Stu Nicholls "ultimate dropdown menu"
http://www.cssplay.co.uk*/
/*common styling*/
/*menu container*/
#home_page_top .menucontainer {

}

/*basic menu styling*/
#home_page_top .menu {
float: left;
font-family: Helvetica, arial, verdana, sans-serif;
width: 100%;
position: relative;
font-size: 14px;
font-weight: bold;

}

#home_page_top .menu ul {
padding-left: 1;
margin: 0;
list-style-type: none;
float: left;
position: relative;
}

#home_page_top .menu ul li {
margin-right:10;
float: right;
position: relative;
display: inline;
right:10px
}

/*style of main items normal state*/
#home_page_top .menu ul li a, .menu ul li a:visited {
margin-right:50;
float: left;
display: block;
text-decoration: none;
color: #FFFBFF;
width: auto;
height: 23px;
padding: 0px 20px 0px 30px;
line-height: 23px;
text-transform: uppercase;
/*font-family: Times;*/
font-size: 15px;
}* html .menu ul li a, .menu ul li a:visited {
width: auto;
width:auto;}

/*hide sub nav items*/
#home_page_top .menu ul li ul {display:none;}
/*style for table of sub nav items*/
#home_page_top table {margin:-10px;border-collapse:collapse;font-size:14px;}
/*specific to non IE browsers*/
/*main nav over state*/
#home_page_top .menu ul li:hover a {color:#fff;background: url(images/new_home_page/bg_manu_h.png) top left repeat-x;}
/*show drop-down list*/
#home_page_top .menu ul li:hover ul {display:block;position:absolute;top:22px;margin-top:1px;left:0;width:100%;border-top:1px solid #fff;}
/*drop-down on state*/
#home_page_top .menu ul li:hover ul li a {display:block;background:#CEEFF8;color:#034895;height:auto;line-height:15px;padding:2px 16px 2px 16px;width:100px;border-bottom:1px solid #fff;}
/*sub drop-down over state*/
#home_page_top .menu ul li:hover ul li a:hover {background:#FFFFFF;color:#000;}