北京pk10直播
    Html
    Css
    Js


#box {
	width:300px;
	height:200px;
	border:1px solid red;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
.box {
	width:1500px;
	height:200px;
	position:absolute;
	left:0;
}
.box>img {
	width:300px;
	height:200px;
	float:left;
}
.btn {
	position:relative;
}
.btn>span {
	width:20px;
	height:20px;
	float:left;
	background-color:black;
	position:absolute;
	bottom:20px;
	z-index:99;
}
.box>span:nth-child(6) {
	left:20px;
}
.box>span:nth-child(7) {
	left:60px;
}
.box>span:nth-child(8) {
	left:100px;
}
.box>span:nth-child(9) {
	left:140px;
}

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

jquery 無縫滾動

基于jquery的無縫滾動,原理和原生js差不多.
主要思想當滾動到最后一張圖片,瞬間拉回第一張圖片.

0
  短信接口
北京pk10直播