<script>
<!--
function gogo(xx){
aa.style.display='none';
bb.style.display='none';
cc.style.display='none';
xx.style.display='';
}
-->
</script><table width="500" border="0" cellspacing="0" cellpadding="0">
<tr align="center">
<td width="33%" height="25" bgcolor="#0099FF"><a onclick=gogo(aa) style="CURSOR: hand;">蓝色</a></td>
<td width="33%" bgcolor="#00CC00"><a onclick=gogo(bb) style="CURSOR: hand;">绿色</a></td>
<td width="33%" bgcolor="#FF9900"><a onclick=gogo(cc) style="CURSOR: hand;">黄色</a></td>
</tr>
<tr bgcolor="#0099FF" style="DISPLAY: hand" id=aa>
<td height="100" colspan="3">test1</td>
</tr>
<tr bgcolor="#00CC00" style="DISPLAY: none" id=bb>
<td height="100" colspan="3">test2</td>
</tr>
<tr bgcolor="#FF9900" style="DISPLAY: none" id=cc>
<td height="100" colspan="3">test3</td>
</tr>
</table>