jQuery TAB插件

<!--
.tab_menu{
	list-style:none;
	width:210px;
	overflow:hidden;
}
.tab_menu li{
	width:70px;height:30px;
	line-height:30px;
	float:left;
	color:#fff;
	background:#093;
	text-align:center;
	cursor:pointer;
}
.tab_menu li.current{
	color:#333;
	background:#fff;
} /*TAB菜单高亮样式*/
.tab_box{
	padding:20px;
	height:120px;
}
.tab_box .hide{
	display:none;
} /*隐藏TAB内容部分*/
-->

调用插件

<script src="jquery.min.js" type="text/javascript"></script>
<script src="jquery.tabs.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
  $('#box').Tabs({
    event:'mouseover',  //事件类型
    timeout:100,  //设置事件延迟
    auto:3000,  //3秒自动切换一次
    callback:null  //回调函数
  });  //返回了this
});
</script>