简单手机微信图片轮播

文件引用：

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

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

 

转载于:https://www.cnblogs.com/Davi123/p/6698960.html

相关资源：微信小程序使用swiper组件实现类3D轮播图