简单手机微信图片轮播

时间:2017-04-12 14:17:51   收藏:0   阅读:510

文件引用

<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>

这个代码能够简单的实现微信手机上面的图片轮播

 

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!