<div id="tabbar-div">
<p>
<span class="tab-front">基本信息</span>
<span class="tab-back">商品描述</span>
<span class="tab-back">会员价格</span>
<span class="tab-back">商品属性</span>
<span class="tab-back">商品相册</span>
</p>
</div>
<table class="table_content">基本信息</table>
<table class="table_content">商品描述</table>
<table class="table_content">会员价格</table>
<table class="table_content">商品属性</table>
<table class="table_content">商品相册</table>
<script>
\$$("#tabbar-div p span").click(function(){
var i=$(this).index();
$(".table_coutent").eq(i).show();//显示点中的span对应的table
$(".table_coutent").eq(i).siblings(".table_coutent").hide();//隐藏其他的span对应的table
$(".tab-front").removeClass("tab-front").addClass("tab-back");//原来的样式制空
$(this).removeClass("tab-back").addClass("tab-front");//添加新样式
});
</script>