尊敬的前辈！您既然进来了就表示您绝对有同情心~至少您是想帮助我的！
所以，请允许我能浪费您几分钟宝贵的时间来帮助我。
我男，22岁，大学就要毕业，目前正在学习C# / ASP.NET，我的目标是学会B/S方面的程序设计，没想到还要学习JS甚至是CSS...
正题--
我需要类似于www.tudou.com的导航条.
该页面所调用的JS文件如下：
www.tudou.com/static/script/share.js
www.tudou.com/static/script/frontpage.js
www.tudou.com/static/script/lib/jquery.js
该页面所使用的图片如下：
www.tudou.com/static/lexrus/styles_images/global/nav_normal.gif
www.tudou.com/static/lexrus/styles_images/global/nav_hover.gif
www.tudou.com/static/lexrus/styles_images/global/nav_current.gif
该页面所使用的CSS文件如下：
www.tudou.com/static/lexrus/styles/_g.css
www.tudou.com/static/lexrus/styles/frontpage.css
我现在的可怜成果代码：
<html>
<hade>
<link href= "_g.css " rel= "stylesheet " type= "text/css " media= "screen "/>
<script src= "/jquery.js " LANGUAGE= 'JavaScript '> </script>
<script src= "/frontpage.js " LANGUAGE= 'JavaScript '> </script>
<script src= "/share.js " LANGUAGE= 'JavaScript '> </script>
</hade>
<body>
<table bgcolor= "#DEEAFE ">
<tr>
<td>
<div class= "nav ">
<div class= "nav_primary ">
<a href= "/my/program/publish.php " class= "nav_primaryUpload ">
上传节目
</a>
<ul>
<li class= "nav_primaryCurrent ">
<a href= "/index.php "> 首 页 </a> </li>
<li> <a href= "/programs/ "> 节 目 </a> </li>
<li> <a href= "/playlist/list.do "> 豆 单 </a> </li>
<li> <a href= "/channels/ "> 频 道 </a> </li>
<li> <a href= "/community/ "> 播 客 </a> </li>
<li> <a href= "/fans/ "> 豆 友 </a> </li>
<li> <a href= "/together/ "> 一 起 </a> </li>
<li> <a href= "/groups/ "> 小 组 </a> </li>
<li class= "nav_end ">
<a href= "http://bbs.tudou.com/ "> 论 坛 </a> </li>
</ul>
</div>
</td>
</tr>
</body>
</html>
------------
前辈，我想得到和www.tudou.com上面一样的效果的代码，我应该怎么改呢？JS代码我看不懂，到毕业前我想我是没时间去研究JS了，求求您帮助我吧！谢谢！！！
------解决方案--------------------
排版都乱完了，再发一次
<html>
<head>
<style type= 'text/css '>
.nav {}
.nav ul {margin-left:0px;float:left;}
.nav li { list-style:none; float:left;}
.nav a { display:block; }
.nav_primary {
width:850px;
height:32px;
margin:0 auto;clear:both;
}
.nav_primary a {
padding:7px 20px 6px 20px;
color: #fff;
font-size:14px;text-decoration: none;
background: url(http://www.tudou.com/static/lexrus/styles_images/global/nav_normal.gif) no-repeat 6px 7px;
}
.nav_primary a:hover {
background: url(http://www.tudou.com/static/lexrus/styles_images/global/nav_hover.gif) no-repeat 6px 7px;
color: #f60;text-shadow:1px 1px 3px #f60;
}
.nav_primaryUpload {
float:right;
background:url(http://www.tudou.com/static/lexrus/styles_images/global/uploadbutton.png) no-repeat !important;