排名
3
文章
317
粉丝
22
评论
14
ICP备案 ：渝ICP备18016597号-1
网站信息：2018-2025TNBLOG.NET
技术交流：群号656732739
联系我们：contact@tnblog.net
公网安备：
50010702506256
50010702506256
欢迎加群交流技术
分类:
mui
html:
- <div class="mui-slider">
- <div class="mui-slider-group mui-slider-loop">
- <!--支持循环，需要重复图片节点-->
- <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="http://image.tnblog.net/banner18.jpg" /></a></div>
- <div class="mui-slider-item"><a href="#"><img src="http://image.tnblog.net/4cf9caa6-8d63-4e6e-b370-4ee87a095395.jpg" /></a></div>
- <div class="mui-slider-item"><a href="#"><img src="http://image.tnblog.net/782b84c4-21d0-4216-a98a-c983888adf37_0.jpg" /></a></div>
- <div class="mui-slider-item"><a href="#"><img src="http://image.tnblog.net/banner18.jpg" /></a></div>
- <!-- 支持循环，需要重复图片节点 -->
- <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="http://image.tnblog.net/4cf9caa6-8d63-4e6e-b370-4ee87a095395.jpg" /></a></div>
- </div>
- <div class="mui-slider-indicator ">
- <div class="mui-indicator mui-active"></div>
- <div class="mui-indicator"></div>
- <div class="mui-indicator"></div>
- </div>
- </div>
js:
- //获得slider插件对象
- var gallery = mui('.mui-slider');
- gallery.slider({
- interval: 3000 //自动轮播周期，若为0则不自动播放，默认为0；
- });
效果如下：
欢迎加群讨论技术，1群：677373950(满了，可以加，但通过不了)，2群：656732739。有需要软件开发，或者学习软件技术的朋友可以和我联系~(Q:815170684)
评价