Swiper 基础演示
你可以下载以下全部实例：
下载地址
基础滑动(010)
在新窗口打开
按钮切换(020)
在新窗口打开
弹性切换
在新窗口打开
分页器(030)
在新窗口打开
分页器 / 动态指示点(040)
在新窗口打开
分页器 / 进度条(050)
在新窗口打开
分页器 / 分式(060)
在新窗口打开
分页器 / 自定义(070)
在新窗口打开
滚动条(080)
在新窗口打开
垂直切换(090)
在新窗口打开
垂直嵌套
在新窗口打开
Slides间隔(100)
在新窗口打开
在过渡之前执行动画
在新窗口打开
一次显示多个Slides(110)
在新窗口打开
异形的Slide
在新窗口打开
Slide宽度不固定(120)
在新窗口打开
Slides居中(130)
在新窗口打开
居中 + 宽度不固定(140)
在新窗口打开
CSS模式(145)
在新窗口打开
Free模式 / 自由滑动(150)
在新窗口打开
内容滚动(160)
在新窗口打开
网格分布-多行多列(170)
在新窗口打开
嵌套Swiper(180)
在新窗口打开
抓手光标(190)
在新窗口打开
Loop模式 / 无限循环(200)
在新窗口打开
Loop模式+ Slides分组(210)
在新窗口打开
分组跳过(211)
在新窗口打开
特效 / 渐变(220)
在新窗口打开
特效 / 渐变缩小
在新窗口打开
特效 / 方块(230)
在新窗口打开
特效 / 滚动(240)
在新窗口打开
特效 / 翻转(250)
在新窗口打开
特效 / 卡片(255)
在新窗口打开
特效 / 多种创意切换(257)
在新窗口打开
特效 / Progress
在新窗口打开
特效 / 截断
在新窗口打开
键盘控制(260)
在新窗口打开
鼠标控制(270)
在新窗口打开
自动切换(280)
在新窗口打开
自动切换 / 进度条(285)
在新窗口打开
动态Slides(290)
在新窗口打开
缩略图(300)
在新窗口打开
缩略图 / Loop(310)
在新窗口打开
初始化多个Swiper(320)
在新窗口打开
散列导航(330)
在新窗口打开
历史记录(340)
在新窗口打开
RTL 布局(350)
在新窗口打开
视差效果(360)
在新窗口打开
延迟加载图片(370)
在新窗口打开
响应式设置(380)
在新窗口打开
响应式设置 / 比例(381)
在新窗口打开
自动高度(390)
在新窗口打开
缩放(400)
在新窗口打开
虚拟Slides(410)
在新窗口打开
自定义插件(420)
在新窗口打开
可滑动菜单(430)
在新窗口打开
改变切换方向(440)
在新窗口打开
Slides可见性判断(450)
在新窗口打开
倒带(500)
在新窗口打开
开始使用Swiper
致谢Swiper中文网：https://www.swiper.com.cn/