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)

初始化多个Swiper(320)

散列导航(330)

历史记录(340)

RTL 布局(350)

视差效果(360)

延迟加载图片(370)

响应式设置(380)

响应式设置 / 比例(381)

自动高度(390)

缩放(400)

虚拟Slides(410)

自定义插件(420)

可滑动菜单(430)

改变切换方向(440)

Slides可见性判断(450)

倒带(500)

开始使用Swiper