Html
    Css
    Js

    
                        
.main {
	padding:20px;
}
.main-tabs {
	width:300px;
	background:#fafafa;
	border:1px solid #ccc;
	overflow:hidden;
}
.tabs {
	height:45px;
	line-height:45px;
	overflow:hidden;
}
.tabs-li {
	width:50%;
	float:left;
	background:#eee;
	color:#444;
	text-align:center;
	cursor:pointer;
}
.tabs-li.active {
	background:red;
	color:#fff;
}
.content {
	padding:10px;
}
.tabs-content {
	display:none;
}
.tabs-content.on {
	display:block;
}

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

jQuery tab标签切换

更新时间:2021-06-15 23:06:15

0