jq实现小米官网的图片轮播功能(无缝轮播，点击左右箭头，点击圆点切换图片)

一、首先是html部分

       <section class="scroll_sec">
                    <div class="banner_container">
                    <ul class="banner">
                        <li><img src="images/banner1.jpg" ></li>
                       <li><img src="images/banner2.jpg" /></li>
                       <li><img src="images/banner3.jpg" /></li>
                       <li><img src="images/banner4.jpg" /></li>
                       <li><img src="images/banner5.jpg" /></li>
                       <li><img src="images/banner6.jpg" /></li>
                    </ul>
                </div>
                 <ul class="dotted">
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                     <div class="icon-sliderLeft" id="prev">

                    </div>
                    <div class="icon-slideRight" id="next">

                    </div>
                <div class="ban