JS实现无限轮播无倒退效果

本文实例为大家分享了JS实现无限轮播无倒退的具体代码，供大家参考，具体内容如下另外需要jq的引用HTML：CSS：JS:第一步我们应该在ul的所有li前面和后面复制一份一摸一样的li数组。为了使slide-container显示的是最中间的li集合，设置ul:margin-left 和margin-right为负值。这样ul实际的宽度就是原来的三倍。slide-container显示的就是最原始的li集合。然后加入鼠标滚轮实现效果，可以用滚轮切换图片。先编写具体的处理函数。然后绑定滚轮滚动事件