Html
    Css
    Js

    
                        
ul {
	list-style:none;
}
#box li {
	width:100px;
	height:30px;
	border:solid 1px black;
	text-align:center;
	float:left;
}
#box1 li {
	width:400px;
	height:250px;
	border:solid 1px black;
}
.hidden {
	display:none;
}
#box1 {
	margin-top:30px;
}
.c {
	background:red;
}

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

jquery 实现的tab框切换(原创 )

0