首页 > 代码库 > 简单手机微信图片轮播

简单手机微信图片轮播

文件引用

<script src="http://www.mamicode.com/~/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="http://www.mamicode.com/~/Content/images/NEW.png" /></div>
<div class="swiper-slide"><img src="http://www.mamicode.com/~/Content/images/优惠活动.png" /></div>
<div class="swiper-slide"><img src="http://www.mamicode.com/~/Content/images/优惠活动.png" /></div>
</div>
<div class="swiper-pagination"></div>
</div>

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

 

简单手机微信图片轮播