js 简单轮播图

简单轮播图

1、给定一个显示的div最大盒子，用来存放img
2、使用ul li放置四个图片，设置图片大小 去掉圆点

<div class="contair">
        <ul id="ul">
            <li><img src="/image/img1.jpg" alt=""></li>
            <li><img src="/image/img2.jpg" alt=""></li>
            <li><img src="/image/img3.jpg" alt=""></li>
            <li><img src="/image/img4.jpg" alt=""></li>
        </ul>
    </div>

 *{
            margin: 0;
            padding: 0;
        }
        .contair{
            width: 400px;
            height: 300px;
            position: relative;
            margin: 40px auto;
            overflow: hidden;
        }
        ul{
            width: 200%;
            position: absolute;
            top: 0;
            left: 0