swiper基础使用(八)
作者:xuhongji发布时间:2020-09-11分类:Html浏览:128评论:1
导读:这节课我们介绍swiper页面的free模式。第一步,我们还是要创建一个swiper的基础页面。...
这节课我们介绍swiper页面的free模式。
第一步,我们还是要创建一个swiper的基础页面。
第一步,我们还是要创建一个swiper的基础页面。
然后就要在初始化当中添加我们的free模式的属性了
《script》 var swiper = new Swiper('.swiper-container',{ pagination:'.swiper-pagination', paginationClickable:true, slidesPerView:3, spaceBetween:30, freeMode:true //free模式开启 }); 《script》
实现之后我们来观看效果,free模式就是可以将翻页位置在任意位置停止。不再限制在页面当中
以上就是swiper基础使用(八)的内容,更多相关内容请关注HTML中文网(www.cuteur.cn)!
- 上一篇:swiper的基础使用(九)
- 下一篇:swiper的基础使用(十)
相关推荐
你 发表评论:
欢迎- Html排行
- 标签列表
- 网站分类
- 最近发表
已有1位网友发表了看法:
访客 评论于 2020-09-11 14:40:22 Firefox 80.0 Windows 10 x64 回复
JavaScript标签错了