自己搞了个简单的tab选项卡

<script type="text/javascript">
function tabContent(i)
{
    $(".tablecb").hide();    
    $("#uftable"+i).show();
}

</script>

<style type="text/css">
.ufpricelist{width:100%;}
.ufpricelist_ul li{float:left; padding-left:2px; padding-right:2px; margin-left:5px;margin-right:5px; margin-top:10px;line-height:24px;background:#bdbdbd }
.tablecb{clear:both;margin-top:10px; line-height:24px}

</style>

<div class="ufpricelist">

<ul class="ufpricelist_ul">
<li  οnclick="tabContent(1)">虚拟主机价格表</li>
<li  οnclick="tabContent(2)">数据库产品价格表</li>
<li  οnclick="tabContent(3)">VPS产品价格表</li>

</ul>

<table border="1" bordercolor="#CCCCCC" bordercolordark="#ffffff" cellpadding="3" cellspacing="0" width=100% align="center" class="tablecb" id="uftable1">
<tr><td colspan="6" align="center">虚拟主机价格表</td></tr>
<tr><td align='center' >产品类型</td><td align='center' >注册价格(元)</td><td align='center' >续费价格(元)</td><td align='center' >产品类型</td><td align='center' >注册价格(元)</td><td align='center' >续费价格(元)</td></tr>
<tr><td align='center' >产品类型</td><td align='center' >注册价格(元)</td><td align='center' >续费价格(元)</td><td align='center' >产品类型</td><td align='center' >注册价格(元)</td><td align='center' >续费价格(元)</td></tr>
<tr><td align='center' >产品类型</td><td align='center' >注册价格(元)</td><td align='center' >续费价格(元)</td><td align='center' >产品类型</td><td align='center' >注册价格(元)</td><td align='center' >续费价格(元)</td></tr>
</table>

<table border="1" bordercolor="#CCCCCC" bordercolordark="#ffffff" cellpadding="3" cellspacing="0" width=100% align="center" class="tablecb" style="display:none" id="uftable2">
<tr><td colspan="6" align="center">数据库产品价格表</td></tr>
<tr><td align='center' >产品类型</td><td align='center' >注册价格(元)</td><td align='center' >续费价格(元)</td><td align='center' >产品类型</td><td align='center' >注册价格(元)</td><td align='center' >续费价格(元)</td></tr>
<tr><td align='center' >产品类型</td><td align='center' >注册价格(元)</td><td align='center' >续费价格(元)</td><td align='center' >产品类型</td><td align='center' >注册价格(元)</td><td align='center' >续费价格(元)</td></tr>
<tr><td align='center' >产品类型</td><td align='center' >注册价格(元)</td><td align='center' >续费价格(元)</td><td align='center' >产品类型</td><td align='center' >注册价格(元)</td><td align='center' >续费价格(元)</td></tr>
</table>

<table border="1" bordercolor="#CCCCCC" bordercolordark="#ffffff" cellpadding="3" cellspacing="0" width=100% align="center" class="tablecb" style="display:none" id="uftable3">
<tr><td colspan="6" align="center">VPS产品价格表</td></tr>
<tr><td align='center' >产品类型</td><td align='center' >注册价格(元)</td><td align='center' >续费价格(元)</td><td align='center' >产品类型</td><td align='center' >注册价格(元)</td><td align='center' >续费价格(元)</td></tr>
<tr><td align='center' >产品类型</td><td align='center' >注册价格(元)</td><td align='center' >续费价格(元)</td><td align='center' >产品类型</td><td align='center' >注册价格(元)</td><td align='center' >续费价格(元)</td></tr>
<tr><td align='center' >产品类型</td><td align='center' >注册价格(元)</td><td align='center' >续费价格(元)</td><td align='center' >产品类型</td><td align='center' >注册价格(元)</td><td align='center' >续费价格(元)</td></tr>

</table>

</div>