Html
    Css
    Js

    
                        
* {
	padding:0;
	margin:0;
}
li {
	list-style-type:none;
}
body {
	margin:50px;
}
.hide {
	display:none;
}
.tabTitle ul {
	overflow:hidden;
	_height:1px;
}
.tabTitle ul li {
	float:left;
	border:1px solid #ff0000;
	border-bottom:none;
	height:30px;
	line-height:30px;
	padding:0 15px;
	margin-right:3px;
	cursor:pointer;
}
.current {
	background:#ff9204;
	color:#fff;
}
.tabContent div {
	border:1px solid rgb(0,140,255);
	width:300px;
	height:250px;
	padding:15px;
}

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

tab点击切换代码

更新时间:2020-11-20 09:16:58

0