*{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%; }
使用面向对象封装的能左右滚动的无缝滚动轮播,使用比较方便,代码通俗易懂。