怎么控制class 的选择-Java教程-爱易网页

怎么控制class 的选择

日期：2014-05-18　浏览次数：20717 次

如何控制class 的选择
网站的首页导航文件里面有2个class classA classB

当打开时候第一个按钮是 classA 其它的几个按钮都是classB
当打开第二个按钮连接的时候第二个按钮是classA 其它的都是 classB

请问如何来控制呢？
例如
http://www.360buy.com/index.asp 京东商城上面那个导航那个东西一样！

请教了！

------解决方案--------------------
那你是服务端的语言撒
比如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 ...>
每一个链接都这么写，不久搞定了撒。
------解决方案--------------------
js
------解决方案--------------------

HTML code


<!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 selectC

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

怎么控制class 的选择

相关资料更多>

推荐阅读更多>