l1473942433的博客

原创 JS实现无缝左轮播

最近学到了面向对象的编程思想，又重新写了一遍无缝轮播图。 无缝轮播图的思路： css布局部分:1.设置一个视口容器。（轮播图可视部分，宽度为一个图片的宽度，开启相对定位，设置overflow：hidden）2.视口容器内有一个图片容器。（图片是等宽的且横向排列，容器开启绝对定位）3.分页、上下页通过定位完成布局（注意z-index） js部分：1.轮播的本质。改变图片容器的left值...