html tab标签切换

<ul class="tab" name="menu1">
<li id="li_1" class="selected"><a href="javascript:void(0)" hidefocus="true" οnclick="select_tab('1')">商品信息</a></li>
<li id="li_2"><a href="javascript:void(0)" hidefocus="true" οnclick="select_tab('2')">描述</a></li>
<li id="li_3"><a href="javascript:void(0)" hidefocus="true" οnclick="select_tab('3')">营销选项</a></li>

</ul>

<div id="table_box_1">

</div>

<div id="table_box_2" cellpadding="0" cellspacing="0" style="display:none">

</div>

<div id="table_box_3" cellpadding="0" cellspacing="0" style="display:none">

</div>

<script language="javascript">

$(function()
{

//tab标签切换
function select_tab(curr_tab)
{
$("form[name='goodsForm'] > div").hide();
$("#table_box_"+curr_tab).show();
$("ul[name=menu1] > li").removeClass('selected');
$('#li_'+curr_tab).addClass('selected');
}

});

</script>