js轮播图之点击小圆点滑动图片

首先设置好html和css的样式,如下:

html代码 :

<div class="box" id="box">
    <div class="inner"><!--相框-->
        <ul>
            <li><a href="/go.html?url=#"><img src="images/1.jpg" alt=""/></a></li>
            <li><a href="/go.html?url=#"><img src="images/2.jpg" alt=""/></a></li>
            <li><a href="/go.html?url=#"><img src="images/3.jpg" alt=""/></a></li>
            <li><a href="/go.html?url=#"><img src="images/4.jpg" alt=""/></a></li>
            <li><a href="/go.html?url=#"><img src="images/5.jpg" alt=""/></a></li>
            <li><a href="/go.html?url=#"><img src="images/6.jpg" alt=""/></a></li>
        </ul>
        <div class="square">
            <span class="current">1</span>
            <span>2</span>
            <span>3</span>
            <span>4</span>
            <span>5</span>
            <span>6</span>
        </div>
    </div>
</div><d