JQ实现无缝滚动

用JQ做一个无缝滚动效果，图片自动轮播，左右按钮点击可切换图片，下面一排带索引的按钮可点击，点击到哪个就切换到对应的第几张图片，布局有些简陋，主要是实现效果，起初有bug，快速点击按钮时会有卡顿然后出现空白，解决办法在animate()后加stop()，可实现无缝滚动效果。

布局以及样式如下：一个大div(相对定位)，里面放ul(装图片，最后一张图片跟第一张图片一样)，左右两个按钮，以及下面的p标签(装有索引的按钮)全都相对于大div定位，给大div图片的宽度，给ul足够大的宽度，将图片左浮动，通过改变ul的left值来实现无缝滚动。思想：计时器改变left值，当走到最后一张图片时(跟第一张图片一样)，通过0秒跳到第一张图片，继续运动。当点击左按钮，从索引为0的第一张图片转到前一张的时候，通过0秒跳到最后一张，并继续运动。

    
        
        
        
         //引入的jq文件
    
    
        

            

//装图片的div
                
• 

                
• 

                
• 

                
• 

                
• 

                
• 

            

            //左按钮
            //右按钮
            

//
                1
                2
                3
                4
                5
            

        

    

//下面是实现无缝滚动的JQ代码