求助：网页头部导航栏问题

相信熟悉JavaScript的人一下就明白这是什么代码。头部导航。
例如点击第二个选项时，会进入求购页面，同时头部的第一个按钮变暗，第二个"求购"的按钮变亮。但是我是菜鸟，学JavaScript不久。
请问下，我用这段代码之后，首页是第一个按钮变亮，但点击第二个按钮时，会进入求购页面buy.php
但第二个按钮不会变亮，仍然是第一个按钮亮的。求购页面buy.php也是调用的同一个头文件。
请问我的问题大概出在哪里？我研究了好几天，最终发现自己是无能为力！
请大家帮帮忙！非常感谢！！！
还有，我都不知道怎么查这方面的资料。请问这种整个网站的导航栏有什么具体专业的名称吗？
还是就叫导航栏？
代码如下：
<SCRIPT LANGUAGE="JavaScript">
function setTab(m,n){ 
var tli=document.getElementById("menu"+m).getElementsByTagName("li"); /*获取选项卡的LI对象*/ for(i=0;i<tli.length;i++){ 
  tli[i].className=i==n?"ck":""; /*更改选项卡的LI对象的样式，如果是选定的项则使用.hover样式*/ 
 
} 
}
</SCRIPT>
<div id="tab"> 
<ul class="menu0" id="menu0"> 
  <li class="ck" onclick="setTab(0,0)" ><a href="$Mdomain/sell.php">供应</a></li> 
  <li onclick="setTab(0,1)"><a href="$Mdomain/buy.php">求购</a></li> 
  <li onclick="setTab(0,2)"><a href="$Mdomain/company.php">商家</a></li> 
  <li onclick="setTab(0,3)">点评</li> 
</ul> 
</div>

解决方案 »

  1.   

    试了下，就在你的代码里加了个CSS样式是可以的。。所以，可能是你的CSS写的有问题。
    <SCRIPT LANGUAGE="JavaScript"> 
    function setTab(m,n){ 
    var tli=document.getElementById("menu"+m).getElementsByTagName("li"); /*获取选项卡的LI对象*/ for(i=0;i <tli.length;i++){ 
      tli[i].className=i==n?"ck":""; /*更改选项卡的LI对象的样式，如果是选定的项则使用.hover样式*/ } 
    } 
    </SCRIPT> 
    <style type='text/css'>
    .ck a:link,.ck a:visited{color:#f00;}
    </style><div id="tab"> 
    <ul class="menu0" id="menu0"> 
      <li class="ck" onclick="setTab(0,0)" > <a href="#">供应 </a> </li> 
      <li onclick="setTab(0,1)"> <a href="#">求购 </a> </li> 
      <li onclick="setTab(0,2)"> <a href="#">商家 </a> </li> 
      <li onclick="setTab(0,3)">点评 </li> 
    </ul> 
    </div>
      

  2.   

    不好意思，看错了你的需求不过我还是觉得这个功能用后台程序更好实现一些用JS做这样一个效果不值得
    <html>
    <head>
    <title></title>
    <SCRIPT LANGUAGE="javascript"> 
    function setTab(m){
    var _url=location.href;
    var n=_url.substr(_url.indexOf("ac=")+3); //获取ac的值
    alert(n+"|"+_url.length);
    var tli=document.getElementById("menu"+m).getElementsByTagName("li"); /*获取选项卡的LI对象*/ for(i=0;i <tli.length;i++){ 
      tli[i].className=(i==n)?"ck":""; /*更改选项卡的LI对象的样式，如果是选定的项则使用.hover样式*/ } 
    } 
    </SCRIPT> 
    <style type='text/css'>
    .ck a:link,.ck a:visited{color:#f00;}
    </style>
    </head>
    <body>
    <div id="tab"> 
    <ul class="menu0" id="menu0"> 
      <li><a href="a.html?ac=0">供应</a></li> 
      <li><a href="b.html?ac=1">求购</a></li> 
      <li><a href="c.html?ac=2">商家</a></li> 
      <li>点评 </li> 
    </ul> 
    </div>
    <script language='javascript'>
    setTab(0)  //li切换
    </script>
    </body>
    </html>