Html
    Css
    Js

    
                        
 * {
	margin:0;
	padding:0;
}
.box {
	width:300px;
	height:300px;
}
.menu {
	height:30px;
	background:darkcyan;
}
.menu li {
	width:100px;
	height:30px;
	color:red;
	float:left;
	list-style:none;
	line-height:30px;
	text-align:center;
}
.list {
	height:270px;
	width:300px;
	background:darkkhaki;
	position:relative;
}
.list li {
	background:greenyellow;
	height:270px;
	width:300px;
	position:absolute;
}
.blue {
	background:blue
}

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

tab选项卡切换

0