如何控制class 的选择

网站的首页 导航文件 里面有2个class    classA  classB当打开时候 第一个按钮是 classA 其它的几个按钮都是classB 
当打开第二个按钮连接的时候  第二个按钮是classA 其它的都是 classB  请问如何来控制呢 ？
例如
http://www.360buy.com/index.asp 京东商城 上面 那个导航那个东西一样！请教了！

解决方案 »

  1.   

    此回复为自动发出,仅用于显示而已，并无任何其他特殊作用
    楼主【mkafei】截止到2008-07-21 10:01:52的历史汇总数据(不包括此帖)：
    发帖的总数量:5                        发帖的总分数:80                       每贴平均分数:16                       
    回帖的总数量:5                        得分贴总数量:1                        回帖的得分率:20%                      
    结贴的总数量:2                        结贴的总分数:40                       
    无满意结贴数:0                        无满意结贴分:0                        
    未结的帖子数:3                        未结的总分数:40                       
    结贴的百分比:40.00 %               结分的百分比:50.00 %                  
    无满意结贴率:0.00  %               无满意结分率:0.00  %                  
    楼主该结一些帖子了
      

  2.   

    那你是服务端的语言撒
    比如JSP<... if(..) class="classA" else class="classB" end ...>
    <... if(..) class="classA" else class="classB" end ...>
    <... if(..) class="classA" else class="classB" end ...>
    <... if(..) class="classA" else class="classB" end ...>
    每一个链接都这么写，不久搞定了撒。
      

  3.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    </HEAD>
    <style type="text/css"> 
    <!-- 
    body {    
    margin:0;     
    padding:0;     
    font: bold 11px/1.5em Verdana; 
    } 
    img {     
    border: none; 
    }  
    /*- Menu Tabs 1--------------------------- */
    #tabs1 {     
    float:left;     
    width:100%;     
    background:#F4F7FB;     
    font-size:93%;     
    line-height:normal;     
    border-bottom:1px solid #BCD2E6;
    } 
    #tabs1 ul {     
    margin:0;     
    padding:10px 10px 0 50px;     
    list-style:none;
    } 
    #tabs1 li {     
    display:inline;     
    margin:0;     
    padding:0; 
    } 
    #tabs1 a {     
    float:left;     
    background:url("tableft1.gif") no-repeat left top;     
    margin:0;     padding:0 0 0 4px;     
    text-decoration:none; 
    } 
    #tabs1 a span {     
    float:left;     
    display:block;    
    background:url("tabright1.gif") no-repeat right top;     
    padding:5px 15px 4px 6px;     
    color:#627EB7; 
    } 
    /* Commented Backslash Hack hides rule from IE5-Mac \*/ 
    #tabs1 a span {
    float:none;
    } 
    /* End IE5-Mac hack */ 
    #tabs a:hover span {     
    color:#627EB7; 
    } 
    #tabs1 a:hover {     
    background-position:0% -42px; 
    } 
    #tabs1 a:hover span {    
    background-position:100% -42px; 
    } 
    #tabs1 #current a {     
    background-position:0% -42px; 
    } 
    #tabs1 #current a span {    
    background-position:100% -42px; 
    } 
    --> 
    </style> 
    <BODY>
    <div id="tabs1">     
    <ul>
    <li id="current"><a href="#" onClick="selectCurrent(this);"><span>Home</span></a></li>         
    <li><a href="#" onClick="selectCurrent(this);"><span>Products</span></a></li>         
    <li><a href="#" onClick="selectCurrent(this);"><span>Services</span></a></li>         
    <li><a href="#" onClick="selectCurrent(this);"><span>Support</span></a></li>         
    <li><a href="#" onClick="selectCurrent(this);"><span>Order</span></a></li>         
    <li><a href="#" onClick="selectCurrent(this);"><span>News</span></a></li>         
    <li><a href="#" onClick="selectCurrent(this);"><span>About</span></a></li>     
    </ul>
    </div>
    </BODY>
    </HTML>
    <script>
    var previous=document.getElementById("current");
    function selectCurrent(obj){
    previous.setAttribute("id","");
    previous=obj.parentNode;
    previous.setAttribute("id","current");
    }
    </script>
      

  4.   

    那就说每个都要写个 条件
    也就是每次都要传过去一个参数 可是京东上面的那个连接没有参数的 我认为应该是js控制  id得到的结果的！
      

  5.   

    谢谢5楼 的代码
    但是却不是我需要的代码我想达到的效果是 让人很容易就知道你在什么目录下浏览  （导航上面可以看出来）  正在浏览的目录的导航的class和其他的不一样达到  www.360buy.com 的效果！
      

  6.   

    lip009 
      你还在线吗 ？
      

  7.   

    有人能写个js 控制这个class吗？
      

  8.   

    Front Controller设计模式建议lz看一遍有关这个设计模式的文档，要比看别人的JSP好http://www.techscore.com/tech/J2EEPattern/img/frontcontroller1.gifhttp://www.google.cn/search?hl=zh-CN&q=front+controller&btnG=Google+%E6%90%9C%E7%B4%A2&meta=&aq=f
      

  9.   

    to :深蓝忧郁
    有区别的，我也看出您的代码不是楼主所要的代码，您的代码效果是对的，但那是在本页的情况
    a href="#"你的a并没有链到别的页面去，楼主应该是要到别的页面时tab有不同的当前选择,又能很好的
    重用代码 不过看了您的代码，有所收获，通过去掉id的方法，有趣，或许能在其他地方派上用场，学习了