小米商城轮播图的实现

小米商城轮播图

用了div+css+js+jsjquery
要引入jquery库

<div class="Container lunbo">
        <!--  中间大图   -->
        <div id="play" class="play">
            <ul class="imgList">
                <li class="current">
                    <a href="https://www.mi.com/redminote9" target="_blank"><img src="img/EQE5YL(ZJE(ERBU0$0]$XKW.jpg"></a>
                </li>
                <li>
                    <a href="https://www.mi.com/redmitv/98" target="_blank"><img src="img/4ITW$8CQ8DD329`VE9_)YVI.png" alt=""></a>
                </li>
                <li>
                    <a href="https://www.mi.com/a/h/18685.html" target="_blank"><img src="img/{1Q}V(6JLI1A4)QD1RG_(O8.png" alt=""></a>
                </li>
                <li>
                    <a href="https://www.mi.com/a/h/18695.html" target="_blank"><img src="img/92ZUF@NAUCF7S32~O{I)BUK.png" alt=""></a>
                </li>
                <li>
                    <a href="https://www.mi.com/a/h/17671.html" target="_blank"><img src="img/S0W(OK35~6`[N2_8YXR9JEC.jpg" alt=""></a>
                </li>
            </ul>
            <!-- 图片循环下方圆点按钮 -->
            <div class="play-list">
                <span class="current">1</span>
                <span>2</span>