swper_swiper
参数解释:
l 索引:设置swiper从第几张图片开始轮播,默认值是0,0也是第一张图片。
l 过度时间:设置图片轮播时的过度时间,默认值是300ms。
l 图片滚动方向:设置图片滚动的方向,默认是水平方向。
l 自动播放间隔时间:自动播放的时间间隔(单位是ms)。
l 自动播放时不接受用户操作:swiper自动播放时操作swiper时会自动停止(建议开启)。
l 计算每个幻灯片的进度:是否显示幻灯片的进度并激活“在可见的幻灯片增加'swiper-slide-visible'类”属性配置。
l 在可见的幻灯片增加'swiper-slide-visible'类:在可见的幻灯片上增加一个“watchSlidesVisibility”类名。
l 自由滑动:开启自由模式。
(1). freeModeMomentumRatio:释放幻灯页之后,幻灯页滑动的距离,默认值为:1,设置的值越大,当释放幻灯页时,幻灯页滑动的距离越大。
(2). freeModeMomentumBounceRatio:设置幻灯片通过惯性滑动到边缘时的反弹距离,默认值为:1,值越大产生的边界反弹效果越明显,反弹距离越大。
(3). freeModeMomentum:是否设置幻灯页在释放后会继续滑动一段距离,默认值为:true。设置为false侧关闭动量,释放幻灯页之后立即停止不会滑动一段距离。
(4). freeModeMomentumBounce:幻灯片通过惯性滑动到边缘时,是否反弹一定距离,默认值为:true。设置为false时禁用动量反弹,幻灯片通过惯性滑动到边缘时,无法反弹。
(5). freeModeSticky:是否设置free模式下的幻灯片自动贴合wrapper,默认值为:false。
l 在桌面浏览器显示手形图标:鼠标覆盖Swiper时指针会变成手掌形状,拖动时指针会变成抓手形状。
l 幻灯片间隔spaceBetween(px):设置幻灯片之间的距离,默认是0 px。
l 幻灯片居中:设置幻灯片为居中。
l 列数设置:设置slider容器能够同时显示的幻灯片数量(carousel模式),默认值是1,可以设置为'auto',会自动根据slides的宽度来设定数量,可以设置为2,那么slider容器将同时显示两张幻灯片。
l 行数设置:设置多行布局里面每列的幻灯片数量,默认值是1,比如:设置为2,那么在多行布局中,每列会有两个幻灯片。
l 距左边框距离:设定幻灯片与左边框的偏移量,默认值为0,单位是像素(px)。
l 距右边框距离:设定幻灯片与由边框的偏移量,默认值为0,单位是像素(px)。
最新文章
- DIV常见任务(上) - 常规任务
- linux c 结构体初始化的四种方法
- 网站SEO优化中导航对用户体验的重要性
- 关于IBM Lotus的JAVA代理进入jar包的说明
- 浅谈如何增强ASP程序性能
- LPCTSTR 与 int 的互相转换
- linux下GPRS ppp拨号默认路由问题(存在eth0)
- 面试中回答离职原因的万能公式
- FunDA(9)- Stream Source:reactive data streams
- JVM初识之虚拟机内存结构
- Linux之执行一个可执行文件
- 淘宝天猫店铺装修问题与技巧性经验汇总
- 好吧,我承认我是爱瞎折腾----利用YDUI改变页面UI
- [SharePoint教程系列]安装之后的常见操作 如何打开管理中心
- KubeSphere DevOps 流水线入门指南
- filters过滤器的简单使用
- pythonturtle写字_python用turtle写字
- Ubuntu学习NO7.Ubuntu指令训练集合
- phpcms内容限制(转发自王小明爱红领巾)
- 转博答辩ppt_湖南大学博士学位答辩PPT.ppt
热门文章
- Android模拟器网络连接问题解决,解决小蚁安卓模拟器网络异常无法连接的方法...
- 量子计算机窦文涛,中国式浪漫,美到哭泣!
- ARPG游戏设计制作随笔
- 原生JS写一个首字母排序的通讯录效果
- 洛谷 P3456 [POI2007]GRZ-Ridges and Valleys
- Linux升级ilo,利用HP iLO4安装系统
- 51单片机延时程序(以延时30ms为例)
- 英特尔推出物联网零售平台 RRP,并将在零售业投资 1 亿美元
- 《Python编程:从入门到实践》读书笔记
- 剑网三查询服务器角色信息,剑网三人物介绍