Html
    Css
    Js

    
                        
 * {
	margin:0;
	padding:0
}
ul,li {
	list-style:none
}
.tabClick {
	background:#f3f3f3;
	overflow:hidden
}
.tabClick li {
	height:40px;
	line-height:40px;
	width:25%;
	float:left;
	text-align:center
}
.tabClick li.active {
	color:#099;
	transition:0.1s;
	font-weight:bold
}
.tabCon {
	overflow:hidden
}
.tabBox {
	position:relative
}
.tabList {
	word-break:break-all;
	width:100%;
	float:left;
	line-height:100px;
	text-align:center;
	color:#D3D3D3;
	font-size:36px;
	font-family:"Arial Black"
}
.lineBorder {
	height:2px;
	overflow:hidden;
	border-bottom:1px solid #099;
	background:#f3f3f3
}
.lineDiv {
	background:#099;
	height:2px;
	width:25%;
}

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

tab标签切换

适合手机或平板项目

0