Html
    Css
    Js

    
                        
body {
	font-size:13px
}
ul,li {
	margin:0;
	padding:0;
	list-style:none
}
#menu li {
	text-align:center;
	float:left;
	padding:5px;
	margin-right:2px;
	width:50px;
	cursor:pointer
}
#menu li.tabFocus {
	width:50px;
	font-weight:bold;
	background-color:#f3f2e7;
	border:solid 1px #666;
	border-bottom:0;
	z-index:100;
	position:relative
}
#content {
	width:260px;
	height:80px;
	padding:10px;
	background-color:#f3f2e7;
	clear:left;
	border:solid 1px #666;
	position:relative;
	top:-1px
}
#content li {
	display:none
}
#content li.c {
	display:block
}

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

jQuery tab选项卡

0