漂亮导航条问题，就差一步了，急呀！

Question

在网上找了一个很漂亮的导航条，仿淘宝网的，效果在一个页面都有。但是地多个页面间切换郊果就打折扣了。比如说点<a href="a.aspx">美容护肤</a>出不了郊果。为了方便大家看和修改我做成deom,你下来一看就明白了。
下载地址：http://download.csdn.net/source/317632
我做了一些尝试，但是不成功。急呀，大家帮帮忙！不要用框架和做多个这样的导航条来实现的郊果。

Answer 1

因为你是以<a href="a.aspx">链接形式转向页面，所以使用cookie记住状态，改动下你的js即可；function getObj(objName){return(document.getElementById(objName));}var number=7;
var newid=1;function searchchange(id){
  for(var i=1;i<=number;i++){
if(i==id) {
    if (i==newid){
       getObj("search"+i).className="yellowbg";
      }else{
  getObj("search"+newid).className="yellowbg";
  getObj("search"+i).className="qianyellowbg";
  }
           }
else{
     if(i==7 || i==(id-1)){
       getObj("search"+i).className="clybg";
   getObj("search"+newid).className="yellowbg";
   }
 else{
       getObj("search"+i).className="clybg";
   getObj("search"+newid).className="yellowbg";
   }
       }
     }
}function searchclick(id){
  for(var i=1;i<=number;i++){
if(i==id) {
       getObj("search"+i).className="yellowbg";
       getObj("myimg").className="searchunder" + i;
               getObj("hotword").innerHTML="<b>热门关键字：</b>"+id;
   newid=i;
           }
else{
     if(i==7 || i==(id-1)){
       getObj("search"+i).className="clybg";
   }
 else{
       getObj("search"+i).className="clybg";
   }
       }
     }
   SetCookie("SelID",id);
}window.onload=function()
{
    if(GetCookie("SelID")!=null)
    {
        searchclick(GetCookie("SelID"));
    }
}function SetCookie(sName, sValue) 
{ 
 document.cookie = sName + "=" + escape(sValue) + ";"; 
} function GetCookie(sName) 
{ 
 var aCookie = document.cookie.split(";"); 
 for (var i=0; i < aCookie.length; i++) 
 { 
  var aCrumb = aCookie[i].split("="); 
  if (sName == aCrumb[0].replace(/(^\s*)|(\s*$)/g,""))  
  return unescape(aCrumb[1]); 
 } 
}function searchfout(id){
  for(var i=1;i<=number;i++){
if(i==id) {
    if (i==newid){
       getObj("search"+i).className="yellowbg";
      }else{
  getObj("search"+newid).className="yellowbg";
  getObj("search"+i).className="clybg";
  }
           }
else{
     if(i==7 || i==(id-1)){
       getObj("search"+i).className="clybg";
   getObj("search"+newid).className="yellowbg";
   }
 else{
       getObj("search"+i).className="clybg";
   getObj("search"+newid).className="yellowbg";
   }
      }
     }
}

Answer 2

谢谢五楼的，裤叉也厉害！美中不足的是：点他链接的时候，第一个会闪一下（变成紫色）！调试了半天，发现function searchfout(id)会执行两次！

Answer 3

这个是由于你给第一个tab默认设置了cssclass所致，将其设为默认class="clybg"即可；
PS:别小看裤叉...<div id="searchtop">
<p id="search1" onclick="searchclick(1)" onmouseover="searchchange(1)" onmouseout="searchfout(1)" class="clybg" style="margin-left:70px;!margin-left:30px; ">服务搭配</p>
<p id="search2" onclick="searchclick(2)" onmouseover="searchchange(2)" onmouseout="searchfout(2)" class="clybg"><a href="a.aspx">美容护肤</a></p>
<p id="search3" onclick="searchclick(3)" onmouseover="searchchange(3)" onmouseout="searchfout(3)" class="clybg"><a href="b.aspx">化妆技巧</a></p>
<p id="search4" onclick="searchclick(4)" onmouseover="searchchange(4)" onmouseout="searchfout(4)" class="clybg">美容造型</p>
<p id="search5" onclick="searchclick(5)" onmouseover="searchchange(5)" onmouseout="searchfout(5)" class="clybg">纤纤瘦身</p>
<p id="search6" onclick="searchclick(6)" onmouseover="searchchange(6)" onmouseout="searchfout(6)" class="clybg">生活情感</p>
<p id="search7" onclick="searchclick(7)" onmouseover="searchchange(7)" onmouseout="searchfout(7)" class="clybg">女人沙龙</p>
</div>

Answer 4

不好意思忘了还要改下上面的window.onload函数window.onload=function()
{
    if(GetCookie("SelID")!=null)
    {
        searchclick(GetCookie("SelID"));
    }
    else
    {
        SetCookie("SelID","1");
        searchclick(GetCookie("SelID"));
    }
}