博客> swiper基础使用(八)
swiper基础使用(八)
2019-08-22 20:52 评论:0 阅读:688 zhanying
html5 swiper

本文为H5EDU机构官方的HTML5培训教程 swiper教程 这节课我们介绍swiper页面的free模式。

第一步,我们还是要创建一个swiper的基础页面。

H5EDU 1
H5EDU 2
H5EDU 3
H5EDU 4
H5EDU 5
H5EDU 6
H5EDU 7
H5EDU 8
H5EDU 9
H5EDU 10

然后就要在初始化当中添加我们的free模式的属性了

[removed] var swiper = new Swiper('.swiper-container',{ pagination:'.swiper-pagination', paginationClickable:true, slidesPerView:3, spaceBetween:30, freeMode:true //free模式开启 }); [removed] 实现之后我们来观看效果,free模式就是可以将翻页位置在任意位置停止。不再限制在页面当中

点击进入swiper强化教程: Enter your link description here:

收藏
0
sina weixin mail 回到顶部