便捷的jquery TAB选项卡

$(document).ready(
function(){
$('.content-box-content ul.tab-content').hide(); // 先隐藏DIV
$('ul.content-box-tabs li a.default-tab').addClass('current'); // 给默认的选项卡加样式
$('.content-box-content ul.default-tab').show(); //

$('ul.content-box-tabs li a').mousemove( //
function() {
$(this).parent().siblings().find("a").removeClass('current'); //
$(this).addClass('current'); //
var currentTab = $(this).attr('href'); //
$(currentTab).siblings().hide(); //
$(currentTab).show(); //
return false;
}
);
});

/*TAB*/

.content-box-tabs {float: left;background:url(images/icon2.gif) no-repeat 18px 10px; font-size:14px; padding-left:45px;}

.content-box-tabs li {float: left; line-height:47px;margin:0 5px;}

.content-box-tabs li a {color: #000;display: block;margin:0 5px; font-weight:normal;  }

.content-box-tabs li a:hover { text-decoration:none; font-weight:bold; margin:0 3px;}

.content-box-tabs li a.current { text-decoration:none;font-weight:bold;margin:0 3px;}

.content-box-content {font-size: 12px;border: 1px solid #ccc; float:left; margin-left:3px; margin-top:-3px;height:260px;overflow:hidden;}

<div class="content-box"><!-- Start Content Box -->
<div class="content-box-header">
<ul class="content-box-tabs">
<li><p ret="#tab1" class="default-tab current">公司新闻</p></li>
<li><p ret="#tab2" class="">路线信息</p></li>
<li><p ret="#tab3">行业动态</p></li>
</ul>

</div> <!-- End .content-box-header -->

<div class="content-box-content">

<div class="tab-content default-tab" id="tab1" style="display: block; ">
内容，缺省的选项

</div> <!-- End #tab1 -->

<div class="tab-content" id="tab2" style="display: none; ">
内容
</div>
<div class="tab-content" id="tab3" style="display: none; ">
内容，display: none;不能少呢
</div> <!-- End .content-box-content -->

</div> <!-- End .content-box -->
<div class="c_list_b"></div>
</div>