swiper轮播图

需要swiper.min.css animate.min.css
swiper.min.js swiper.animate.min.js
app.js  jquery.js

在body中添加

<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide" style="background-image:url()"></div>
<div class="swiper-slide" style="background-image:url()"></div>

</div>
<div class="swiper-pagination"></div>
</div>
设计css样式

添加js样式

var swiper = new Swiper('.swiper-container', {

});

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