在铺页面的过程中，总是会遇到轮播图需要处理，一般我是会用swiper来制作，但总会有哪个几个个例需要我自己来写功能，这里制作了一个jq用来实现图片无缝轮播的dome，分享给大家ヽ(￣▽￣)ﾉ。

 

具体代码如下：

图片轮播dome
          
          
          
          
          
          = orgLen) {    //到达边界回到初始状态
                            curImgIndex = 0;
                            slider.find('ul').css({
                                'transform': 'translateX(0)'
                            });
                        }
                        canMove = true;
                        startInterval();
                    }, 20);
                }, 500);
            }, 20);
        }
        
        function startInterval() {
            interval = setInterval(function () {    //开始轮播
                curImgIndex++;
                move(curImgIndex);
            },2000);
        }
 
        initSlider();
        startInterval();


        //统一处理滚轮滚动事件
        function wheel(event) {
            var delta = 0;
            if (!event) event = window.event;
            if (event.wheelDelta) {     //IE、chrome浏览器使用的是wheelDelta，并且值为“正负120”
                delta = event.wheelDelta / 120;
                if (window.opera)
 
                //因为IE、chrome等向下滚动是负值，FF是正值，为了处理一致性，在此取反处理
                    delta = -delta;
            } else if (event.detail) {      //FF浏览器使用的是detail,其值为“正负3”
                delta = -event.detail / 3;
            }
            if (delta) {
                handle(delta);
 
                //阻止事件冒泡和屏幕向下滚动
                event.preventDefault() && event.stopPropagation();
            }
 
        }
 
        //上下滚动时的具体处理函数
        function handle(delta) {
            //向上滚动
            if (delta  0 && canMove) {  //向下滚动
                curImgIndex--;
                move(curImgIndex);
            }
        }

        if (window.addEventListener)    //FF,火狐浏览器会识别该方法
            slider.get(0).addEventListener('DOMMouseScroll', wheel, false);
        slider.get(0).onmousewheel = wheel;     //W3C" _ue_custom_node_="true">