简单配置就能实现手机、PC 网页中滑动、焦点轮播图、tab 切换和触摸导航等大部分功能。
js 滑动特效插件
Swiper 是一款纯 打造的滑动特效插件,主要用对移动端 中的内容触摸滑动需求,同时兼容 PC 网页。该插件团队维护多年,非常稳定,是移动端网站滑动需求的重要选择。
移动端应用例子
插件特性
- 应用广泛,轮播图类插件排名第一
- 纯 javascript 打造,无第三方依赖
- 上手简单,中文文档详细,代码例子充足
- 支持在 React / / Angular 等主流框架中作为组件使用
所有滑动需求,Swiper 全搞定
用户界面的滑动需求在移动开发中太常见了,前端开发者在面对不同功能模块的需求,往往需要找几个插件或者组件库来完成。而 Swiper 很能打,大多数情况下都是一个插件满足左右滑动切换功能需求。
pc 端全屏轮播
pc 端卡片切换
Swiper 现在已经更新到 Swiper 6,是一款完成度高、稳定且生态完善的 js 插件,在官网大量的 demo 下,不仅可以满足常见的banner焦点图、菜单和侧滑等常规需求,也能轻松应对 3D 旋转、视差切换等酷炫,像腾讯、阿里、字节跳动等很多耳熟能详的大厂都在使用。
免费开源说明
Swiper 自发布以来一直基于 开源,使用完全免费,能够用于任何个人和商业项目。