关于样式切换的有关问题

关于样式切换的问题

PHP code

<!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

-->


<title>{dede:global.cfg_webname/}</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<meta name="keywords" content="{dede:global.cfg_description/}">
<meta name="description" content="{dede:global.cfg_keywords/}">
<link href="%7Bdede:global.cfg_templeturl/%7D/default/css/css.css" rel="stylesheet" type="text/css">


<script type="text/javascript" src="%7Bdede:global.cfg_cmsurl/%7D/include/move.js"></script>
<script language="javascript" type="text/javascript">
var lastObj=null;
var lastIdx=1;
function test(obj,idx){
 if(!lastObj){
  lastObj = document.getElementById("test");
  lastIdx = 1;
 }
 
 lastObj.className = "new"+lastIdx;
 var old = document.getElementById("list"+lastIdx);
 if(old)old.style.display="none";
 
 obj.className = "class"+idx;
 var n = document.getElementById("list"+idx);
 if(n)n.style.display="block";
 
 lastObj = obj;
 lastIdx = idx;
 
}
</script>
<style type="text/css">
 .class1{color:#fff; background:url(../images/son_menuon.jpg) no-repeat; height:32px; width:270px; display:block; text-decoration:none; padding-left:60px; line-height:32px;}
 .new1{color:#fff; background:url(../images/son_menuon.jpg) no-repeat; height:32px; width:270px; display:block; text-decoration:none; padding-left:60px; line-height:32px; }
 .class2{ color:#fff; background:url(../images/son_menuon.jpg) no-repeat; height:32px; width:270px; display:block; text-decoration:none; padding-left:60px; line-height:32px;}
 .new2{ color:#fff; background:url(../images/son_menuon.jpg) no-repeat; height:32px; width:270px; display:block; text-decoration:none; padding-left:60px; line-height:32px;}
 .class3{ color:#fff; background:url(../images/son_menuon.jpg) no-repeat; height:32px; width:270px; display:block; text-decoration:none; padding-left:60px; line-height:32px;}
 .new3{ color:#fff; background:url(../images/son_menuon.jpg) no-repeat; height:32px; width:270px; display:block; text-decoration:none; padding-left:60px; line-height:32px;}
</style>




<div class="box">
<!--//top--><!--banner-->
    
<div class="clear"></div>
    <div class="son_txt">
<!--//son_txttop-->
      <div class="son_txtcon">
            <div class="son_left left">
                <div class="son_menu">
                    <ul>
                        <li><a href="%7Bdede:type%20typeid='15'%7D%5Bfield:typelink%20/%5D%7B/dede:type%7D" class="class1" id="test" onclick="test(this,1)">?</a></li>
                        <li><a href="%7Bdede:type%20typeid='16'%7D%5Bfield:typelink%20/%5D%7B/dede:type%7D" class="new2" onclick="test(this,2)"></a></li>
                        <li><a href="%7Bdede:type%20typeid='17'%7D%5Bfield:typelink%20/%5D%7B/dede:type%7D" class="new3" onclick="test(this,3)">?</a></li>    

                        
            </ul>
                </div>
<!--//son_menu-->
                <div class="left_mess">
                    <div class="left_mess_log"></div>
<!--//i_news_log--><!--//i_news_mid-->
                <div class="clear"></div>
                    <div class="left_mess_bot"></div>
<!--//i_news_bot-->
                </div>
<!--//left_mess-->
            </div>
<!--//son_left-->
            <div class="son_right right">
<!--//son_rtitile--><!--//news_txt-->
          <div class="run left"></div>

                <!--//run-->
            </div>
<!--//son_right-->
        </div>
<!--//son_txttop-->
        <div class="clear"></div>
        <div class="son_txtbot"></div>
<!--//son_txttop-->
    </div>
<!--//son_txt-->




 <div class="clear">
                 
              
              
        
            </div>
</div>