【案例简介】

基于js实现的轮播图效果demo

【案例截图】

【核心代码】

 <div id="carousal">
      <button
        type="button"
        class="suporka-carousel__arrow suporka-carousel__arrow--left"
        style=""
        id="suporka-prev-btn"
      >
        &lt;
      </button>
      <div id="wrapper">
        <div class="box"><img src="./banner1.jpg" alt="" /></div>
        <div class="box"><img src="./banner2.jpg" alt="" /></div>
        <div class="box"><img src="./banner3.jpg" alt="" /></div>
        <div class="box"><img src="./banner4.jpg" alt="" /></div>
      </div>
      <button
        type="button"
        class="suporka-carousel__arrow suporka-carousel__arrow--right"
        style=""
        id="suporka-next-btn"
      >
        &gt;
      </button>
    </div>