swiper前进后退按钮

<div class="swiper">

<div class="swiper-wrapper">

<div class="swiper-slide">Slide 1</div>

<div class="swiper-slide">Slide 2</div>

<div class="swiper-slide">Slide 3</div>

</div>

<div class="swiper-button-prev"></div>

<div class="swiper-button-next"></div>

</div>

<script language="javascript"> var mySwiper = new Swiper('.swiper'

,{ navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }) </script> <!-- 修改箭头颜色示范 -->

<div class="swiper-button-next swiper-button-white"></div> <!-- 白色 -->

<div class="swiper-button-next swiper-button-black"></div> <!-- 黑色 -->

posted @ 2021-12-19 21:58  sjn2002  阅读(14)  评论(0)    收藏  举报