功能
轮播图插件,实现各种轮播效果
引入
<script src="https://cdn.jsdelivr.net/gh/woocommerce/FlexSlider@master/jquery.flexslider.js"></script>
用法
HTML
<!-- Place somewhere in the <body> of your page -->
<div class="flexslider">
<ul class="slides">
<li>
<img src="slide1.jpg" />
</li>
<li>
<img src="slide2.jpg" />
</li>
<li>
<img src="slide3.jpg" />
</li>
<li>
<img src="slide4.jpg" />
</li>
</ul>
</div>
JavaScript
// Can also be used with $(document).ready()
$(window).load(function() {
$('.flexslider').flexslider({
animation: "slide"
});
});