码迷,mamicode.com
首页 > 移动开发 > 详细

通过辅助插件完成APP端网页轮播制作

时间:2016-10-08 02:14:30      阅读:210      评论:0      收藏:0      [点我收藏+]

标签:

在APP端上的轮播效果 跟 利用bootstrap的道理是一样的

我是利用swiper制作的 跟上一篇 一样 只需将swiper的JS css文件引入到html  再复制想要的某一种效果的代码即可技术分享图片中地址栏  就是swiper的官网地址 有兴趣的可以去看下 有各种的特效 

对于还未学习JS的 又想实现各种效果的同学来说 有不小的帮助 技术分享这里是使用帮助  里面有很多种轮播效果 以满足各种情况下需要用到的效果

如果里面的模板跟自己想要的效果有出入 可以自行修改某部分

例如在body中 有的会写JS样式  比如 

<script type="text/javascript">
var mySwiper = new Swiper(‘.swiper-container‘,{
loop: true,pagination: ‘.swiper-pagination‘,
autoplay: 3000,
});
</script>
将autoplay 3000删除掉 就不会自动播放 loop:true 删除掉 就不会无限循环
当然 autoplay loop是我查翻译查到翻译后 自行理解的 进行测试后
也确实是 自动播放 和 循环的意思
新手上路 以上为未学部分 自行理解到的内容 如有与客观事实不符之处 请谅解 最后附上 swiper 地址:http://www.swiper.com.cn/

通过辅助插件完成APP端网页轮播制作

标签:

原文地址:http://www.cnblogs.com/luozhijian0120/p/5937080.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!