原生JS实现动态轮播（一）无缝轮播

在同学的帮助下，终于使用纯js代码实现了动态轮播，好难啊呜呜呜！学无止境加油吧！

---

效果图是这样的，我们需要定义一个div，并放入三张图片，还需要左右两个按钮，以及底下三个按钮三个div。
先看布局代码

    <div  class="banner" id="banner">
       <ul class="clear" >
            <li style="left:0" ><img src="k1.jpg"></li>
            <li style="left:100%" ><img src="k-2.jpg"></li>
            <li style="left:100%"><img src="k-3.jpg"></li>
        </ul>
        <div class="pageNav"></div>
        <div class="leftBtn"></div>
        <div class="rightBtn"></div>
    </div>

如何是css部分

        .clear:after{
   
            display:block;
            content:"";
            clear:both;
        }
        .banner{
   
            width