owl carousel2 banner轮播图组件

[埋名苟码]

开头一起来欣赏一下颇为完美的组件：(先放一个基础的)


首先官网递上：
https://github.com/OwlCarousel2/OwlCarousel2

可以看到下载量过千说明组件经常维护，是稳定，比较好使用的。
demo网址递上：
https://owlcarousel2.github.io/OwlCarousel2/

在官方docs里，有详细介绍。
具体安装：
引入css:
<link rel="stylesheet" href="owlcarousel/owl.carousel.min.css">
<link rel="stylesheet" href="owlcarousel/owl.theme.default.min.css">
引入js:
<script src="jquery.min.js"></script>
<script src="owlcarousel/owl.carousel.min.js"></script>
设置html:(加上这个class即可)
<div class="owl-carousel">
<div> Your Content </div>
<div> Your Content </div>
<div> Your Content </div>
<div> Your Content </div>
<div> Your Content </div>
<div> Your Content </div>
<div> Your Content </div>
</div>
最后一步，创一个main.js文件，调用一下即可:
$(document).ready(function(){
$(".owl-carousel").owlCarousel();
});