北京pk10直播
    Html
    Css
    Js


.clearfix {
	zoom:1;
}
.clearfix:after {
	content:'.';
	display:block;
	font-size:0;
	height:0;
	visibility:hidden;
	clear:both;
	line-height:0;
}
li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
.slide {
	width:400px;
	height:250px;
	border:1px solid #ccc;
	position:relative;
	overflow:hidden;
	margin:20px auto;
}
.slide .b_l,.slide .b_r {
	width:40px;
	height:40px;
	background-color:#555;
	position:absolute;
	top:50%;
	margin-top:-20px;
	display:block;
}
.slide .b_l {
	left:10px;
}
.slide .b_r {
	right:10px;
}
.slide ul {
	height:100%;
	position:absolute;
	left:0;
	top:0;
}
.slide li {
	width:400px;
	height:100%;
	float:left;
}
.slide .dots {
	position:absolute;
	bottom:10px;
	left:0;
	width:100%;
	text-align:center;
}
.slide .dots a {
	display:inline-block;
	width:6px;
	height:6px;
	border-radius:6px;
	background-color:#555;
	margin:0 5px;
}
.slide .dots a.current {
	background-color:red;
}

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

超級簡單的無縫輪播

每一個新手都會遇到一些有banner 輪播的項目,, 一次次從網上扒,不如自己寫一個輪播使用,這是一個超級超級簡單的輪播插件,不如自己動手試試?

0
  短信接口
北京pk10直播