Html
    Css
    Js

    
                        
@import url(http://fonts.googlefonts.net/css?family=Montserrat);
	* {
	margin:0;
	padding:0;
	font-family:Montserrat;
	font-size:16px;
}
.container {
	width:100%;
	height:200%;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#00cc99;
	flex-direction:column;
}
.imgchoose {
	width:502px;
	height:40px;
	border:2px solid black;
	border-radius:20px;
}
button {
	width:100px;
	height:36px;
	margin-top:2px;
	border:none;
	border-radius:18px;
	color:white;
	background:transparent;
	float:left;
}
.Walter {
	margin-left:1px;
	background:#003333;
}
.display {
	width:500px;
	height:400px;
	border:2px solid black;
	margin-top:20px;
	position:relative;
	overflow:hidden;
}
img {
	width:500px;
	height:400px;
}
ul {
	list-style:none;
}
li {
	display:block;
	position:absolute;
	left:100%;
	top:0%;
}
li.f {
	left:0%;
}

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

jQuery tab切换

0