Html
    Css
    Js


* {
	margin:0;
	padding:0;
}
body {
	background-color:#F5F5F5;
}
a {
	text-decoration:none;
}
#view {
	width:960px;
	height:540px;
	margin:50px auto;
	border:1px solid gray;
	position:relative;
	overflow:hidden;
	border-radius:5px;
}
#view img {
	width:960px;
	height:540px;
	position:absolute;
	top:0;
	left:1000px;
}
#btn {
	width:710px;
	height:30px;
	border:none;
	display:block;
	margin:0 auto;
	float:left;
	background-color:transparent;
}
button {
	width:60px;
	height:25px;
	background-color:black;
	border-radius:5px;
	margin-left:8px;
	color:greenyellow;
	font-size:16px;
	line-height:25px;
	opacity:0.6;
	outline-style:none;
	cursor:pointer;
}
#next {
	width:70px;
	height:25px;
	border-radius:5px;
	background-color:black;
	opacity:0.5;
	color:white;
	font-size:14px;
	line-height:25px;
	text-align:center;
	cursor:pointer;
	float:left;
}
#prev {
	width:70px;
	height:25px;
	border-radius:5px;
	background-color:black;
	opacity:0.5;
	color:white;
	font-size:14px;
	line-height:25px;
	text-align:center;
	cursor:pointer;
	float:left;
}
#intro {
	width:930px;
	height:100px;
	margin:0 auto;
	border:1px solid gray;
	text-align:center;
	margin-top:50px;
	border-radius:4px;
}
p {
	font-size:14px;
	text-indent:2em;
	text-align:left;
	color:gray;
	line-height:22px;
}
span {
	font-size:12px;
}
h4 {
	margin-bottom:5px;
}
.page {
	width:900px;
	height:100px;
	margin:0 auto;
	overflow:hidden;
}

↑上面代碼改變,會自動顯示代碼結果 jQuery調用版本:1.11.3
 立即下載

無縫輪播圖(原創)

0