Html
    Css
    Js

    
                        
* {
	margin:0;
	padding:0;
	list-style:none;
}
body {
	font:12px/1.5 Tahoma;
}
#outer {
	width:450px;
	margin:50px auto;
}
#tab {
	overflow:hidden;
	zoom:1;
	background:#000;
	border:1px solid #000;
}
#tab li {
	float:left;
	color:#fff;
	height:30px;
	cursor:pointer;
	line-height:30px;
	padding:0 20px;
}
#tab li.current {
	color:#000;
	background:#ccc;
}
#content {
	border:1px solid #000;
	border-top-width:0;
}
#content ul {
	line-height:25px;
	display:none;
	margin:0 30px;
	padding:10px 0;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.9.1
 立即下载

tab标签切换效果

0