选项卡2

 <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" οnclick="javascript:switchTab('TabPage1','imageTab1','心开风神','image');">热门图片</td>
        <td width="7" class="Black">&nbsp;</td>
        <td width="80" id="imageTab2" valign="middle" class="mousehand" οnclick="javascript:switchTab('TabPage1','imageTab2','子虚乌有','image');">波希米亚</td>
        <td width="7" class="Black">&nbsp;</td>
        <td width="80" id="imageTab3" valign="middle" class="Selected mousehand" οnclick="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>