文件引用:
<script src="~/Scripts/weui/js/swiper.min.js"></script>
js代码展示:
$(function () {
$(".swiper-container").swiper({
loop: true,
autoplay: 3000
});
})
代码展示:
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide"><img src="~/Content/images/NEW.png" /></div>
<div class="swiper-slide"><img src="~/Content/images/优惠活动.png" /></div>
<div class="swiper-slide"><img src="~/Content/images/优惠活动.png" /></div>
</div>
<div class="swiper-pagination"></div>
</div>
这个代码能够简单的实现微信手机上面的图片轮播