Swiper
一个PC和手机端全屏滑动切换、焦点幻灯片、tab等全能插件

下载Swiper

最新版本: version 8.3.1

Swiper是什么?

Swiper是免费移动触摸滑块,具有硬件加速转换和惊人的原生行为。它旨在用于PC网站、移动web应用程序和移动原生/混合应用程序。

Swiper最初是Jquery插件库,现在发现成可模块化的集成到React、Vue、Angular、Svelte等生态的模块化插件。

Swiper并非与所有平台兼容,它是一款现代的触摸滑块,只专注于现代应用/平台,带来最佳体验和简单性。

Swiper与其他优秀组件一起,是Framework7的一部分-一个构建iOS和Android应用程序的全功能框架。Swiper也是Ionic框架中的默认滑块组件。


Swiper安装

如果你在VueRactAngularSolidSvelte中Swiper,请使用NPM安装插件 :

npm i swiper

CDN引入

<!-- 版本:8.3.2-->
<link rel="stylesheet" href="https://unpkg.com/swiper@8.3.2/swiper-bundle.min.css">
<script src="https://unpkg.com/swiper@8.3.2/swiper-bundle.min.js"></script>


<!-- 版本:7.4.1-->
<link rel="stylesheet" href="https://unpkg.com/swiper@7.4.1/swiper-bundle.min.css">
<script src="https://unpkg.com/swiper@7.4.1/swiper-bundle.min.js"></script>


<!-- 版本:6.8.4-->
<link rel="stylesheet" href="https://unpkg.com/swiper@6.8.4/swiper-bundle.min.css">
<script src="https://unpkg.com/swiper@6.8.4/swiper-bundle.min.js"></script>


<!-- 版本:5.4.5-->
<link rel="stylesheet" href="https://unpkg.com/swiper@5.4.5/css/swiper.min.css">
<script src="https://unpkg.com/swiper@5.4.5/js/swiper.min.js"></script>


<!-- 版本:4.5.1-->
<link rel="stylesheet" href="https://unpkg.com/swiper@4.5.1/dist/css/swiper.min.css">
<script src="https://unpkg.com/swiper@4.5.1/dist/js/swiper.min.js"></script>


<!-- 版本:3.4.2-->
<link rel="stylesheet" href="https://unpkg.com/swiper@3.4.2/dist/css/swiper.min.css">
<script src="https://unpkg.com/swiper@3.4.2/dist/js/swiper.min.js"></script>
                

CDN来源 www.unpkg.com https://unpkg.com/browse/swiper@8.3.2/

Swiper下载

注意

Swiper 5.x,4.x,3.x版本,引入distpackage里的swiper.jsswiper.min.js, swiper.cssswiper.min.css

Swiper 6.x版本以后,引入distpackage里的swiper-bundle.jsswiper-bundle.min.js, swiper-bundle.cssswiper-bundle.min.css

支持主流前端框架

swiper js
swiper vue
swiper angular
swiper react
swiper solidjs
swiper svelte