JavaScript-简单轮播图制作

<style>

        * {margin:0; padding:0;}

        ul {list-style: none;}

        img {

            vertical-align: top;  /*除去 图片底部有3像素空白缝隙的问题 */

        }

        .box {

            width: 490px;

            height: 170px;

            margin:100px auto;

            border: 1px solid #ccc;

            padding: 5px;

        }

        .inner {

            width: 490px;

            height: 170px;

            background-color: pink;

            position: relative;

            overflow: hidden;

        }

        .inner ul {

            width: 500%;

            position: absolute;

        }

        .inner ul li {

            float: left;

        }

        .square {

            position: absolute;

           ri