日期:2014-05-16  浏览次数:20401 次

求求你们帮助我...求求你们了!帮我看看这几个JS文件....谢谢!
尊敬的前辈!您既然进来了就表示您绝对有同情心~至少您是想帮助我的!
所以,请允许我能浪费您几分钟宝贵的时间来帮助我。
我男,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 ">
&nbsp;上传节目&nbsp;
</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_primaryUploa