Html
    Css
    Js
* {
	margin:0;
	padding:0;
	background:#C66;
}
#btn {
	position:absolute;
	top:10px;
	left:710px;
	font-size:24px;
}
#btn a {
	color:#FFF;
	text-decoration:none;
}
#btn a:hover {
	color:#FC9;
	text-decoration:none;
}
#div1 {
	width:1440px;
	height:400px;
	margin:70px auto;
	position:relative;
	background:#f60;
	overflow:hidden;
}
#div1 ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:0;
}
#div1 ul li {
	float:left;
	width:320px;
	height:400px
}
#div1 ul li img {
	width:300px
}

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

jQuery图片无缝滚动

图片无缝滚动,悬停按钮向左向右滚动.

1