Html
    Css
    Js

    
                        
* {
	margin:0;
	padding:0;
}
ul,li {
	list-style:none;
}
#tab {
	width:800px;
	margin:100px auto;
}
#nav {
	height:40px;
	border-bottom:2px solid #D61E26;
	background-color:#E6E6E6;
}
#nav li {
	float:left;
	line-height:41px;
	padding:0px 30px;
}
.item {
	display:none;
}
.onactive {
	background-color:#D61E26;
	color:#FFFFFF;
}
.onitem {
	display:block !important;
}
#conBox {
	padding:20px 15px;
}

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

tab栏切换代码

更新时间:2021-04-06 15:46:06

0