标签切换样式的CSS+JS

<style> 
body {}{ 
    font-family: Arial,"宋体"; 
    font-size:9pt; 
} 
td {}{ font-size:12px;; 
} 
.mousehand{}{ 
    cursor:hand; 
} 
.titletable{}{ 
    padding-left:5px; 
    background-color:#E9E9E9; }     
table.TabBarLevel1{}{ 
} 

table.TabBarLevel1 td{}{ 
border:1px solid #CCCCCC; 
height:20px; 
background-color:#E1E1E1; 
} 
table.TabBarLevel1 td.Selected{}{ 
border-bottom-width:0px; 
background-color:#ffffff; 
} 
table.TabBarLevel1 td.Black{}{ 
border-left-width:0px; 
border-top-width:0px; 
border-right-width:0px; 
background-color:#FFFFFF; 
} 
table.Content{}{ 
border-left:1px solid #CCCCCC; 
border-right:1px solid #CCCCCC; 
border-bottom:1px solid #CCCCCC; 
} 
</style> 
<table width="600" border="0" cellspacing="0" cellpadding="0"> 
<tr> 
     <td> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="TabBarLevel1" id="TabPage1"> 
       <tr align="center"> 
         <td width="130" id="imageTab1" valign="middle" class="mousehand" onclick="javascript:switchTab('TabPage1','imageTab1','心开风神','image');">热门图片 </td> 
         <td width="7" class="Black">&nbsp; </td> 
         <td width="80" id="imageTab2" valign="middle" class="mousehand" onclick="javascript:switchTab('TabPage1','imageTab2','子虚乌有','image');">波希米亚 </td> 
         <td width="7" class="Black">&nbsp; </td> 
         <td width="80" id="imageTab3" valign="middle" class="Selected mousehand" onclick="javascript:switchTab('TabPage1','imageTab3','孤零飘客','image');">红色黑客 </td> 
         <td width="7" class="Black">&nbsp; </td> 
         <td width="" align="right" class="Black"> <a href="http://www.eawan.com">查看示例 </a>&nbsp;&nbsp; </td> 
       </tr> 
     </table> 
       <table width="100%" border="0" cellpadding="0" cellspacing="0" class="Content"> 
         <tr> 
           <td height="110"> <div id="divimagelist_all">&nbsp;正在加载 </div> </td> 
         </tr> 
       </table> </td> 
</tr> 
</table> 
<script language="javascript"> 
function switchTab(tabpage,tabid,action,type){ 
    var oItem = document.getElementById(tabpage);    
    for(var i=1;i < 4;i++){ 
        var x = document.getElementById(type + 'Tab' + i);     
        //alert(x); 
        x.className = "mousehand"; 
        //var y = x.getElementsByTagName('a'); 
        //y[0].style.color="#333333"; 
    }     
    document.getElementById(tabid).className = "Selected"; 
    //gethotimagelist(type+'_'+action); 
    divimagelist_all.innerHTML = type+'_'+action; 
} 
</script>