Html
    Css
    Js

    
                        
 * {
	padding:0;
	margin:0;
}
body {
	font-size:12px;
	padding:100px;
}
ul {
	list-style-type:none;
}
.box ul {
	height:30px;
	line-height:30px;
}
.box ul li {
	float:left;
	padding:0 10px;
	position:relative;
	cursor:pointer;
	border:1px solid #000;
	margin-right:5px;
	border-bottom:none;
}
.box ul li.two {
	background:orange;
}
.content {
	width:325px;
	border:1px solid #000;
	padding:10px;
	height:100px;
}
* html .content {
	margin-top:-1px;
}
.box ul li.one {
	background:#fff;
}

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

常用tab选项卡代码

十分常用的Jquery选项卡代码,实用性强

0