Swiper 基础演示

你可以下载以下全部实例：下载地址

基础滑动(010)

在新窗口打开

在新窗口打开

弹性切换

在新窗口打开

赞助商广告

分页器(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)

在新窗口打开

在新窗口打开

历史记录(340)

在新窗口打开

RTL 布局(350)

在新窗口打开

视差效果(360)

在新窗口打开

延迟加载图片(370)

在新窗口打开

响应式设置(380)

在新窗口打开

响应式设置 / 比例(381)

在新窗口打开

自动高度(390)

在新窗口打开

缩放(400)

在新窗口打开

虚拟Slides(410)

在新窗口打开

自定义插件(420)

在新窗口打开

在新窗口打开

改变切换方向(440)

在新窗口打开

Slides可见性判断(450)

在新窗口打开

倒带(500)

在新窗口打开

开始使用Swiper