*{margin: 0;padding: 0;list-style: none;}
div{
width: 600px;height: 100px;border: 1px solid black;
position: absolute;left: 50%;top: 50%;margin: -50px 0 0 -300px;
overflow: hidden;
}
ul{
float: left;height: 100%;position: absolute;
width: 800px;
}
li{
width: 200px;height: 100%;float: left;
}
li img{
width: 100%;height: 100%;
}使用面向对象封装的能左右滚动的无缝滚动轮播,使用比较方便,代码通俗易懂。