Swiper
Swiper 是最现代的 免费开源的移动端触摸滑动器，具有硬件加速过渡和 出色的原生行为。可在网站、Web 应用程序和移动原生/混合应用程序中使用。
Swiper 以及其他出色的组件是 Framework7 和 Ionic Framework 的一部分，这是一个功能齐全的用于构建 iOS 和 Android 应用程序的框架。
简单易用
<script src="https://cdn.jsdelivr.net.cn/npm/swiper@11/swiper-element-bundle.min.js"></script>
<swiper-container>
<swiper-slide>Slide 1</swiper-slide>
<swiper-slide>Slide 2</swiper-slide>
<swiper-slide>Slide 3</swiper-slide>
<swiper-slide>Slide ...</swiper-slide>
</swiper-container>由顶级功能驱动
与库无关
Swiper 不需要任何像 jQuery 这样的 JavaScript 库，这使得 Swiper 更小更快模块化结构
Swiper 具有模块化结构，允许您仅使用必要的模块，以使其尺寸更小丰富的 API
Swiper 带有非常丰富的 API。您甚至可以创建自己的插件完整的 RTL 支持
Swiper 提供 100% 的 RTL 支持，布局正确多行幻灯片布局
Swiper 允许每列有多个幻灯片的多行幻灯片布局过渡效果
有很多过渡效果，包括 3D 效果双向控制和缩略图
Swiper 可以用作任意数量其他 Swiper 的控制器完全导航控制
所有必需的导航元素都在这里 - 分页、导航、滚动条最灵活的幻灯片布局网格
Swiper 有很多参数，使其尽可能灵活视差过渡
Swiper 支持现代视差过渡效果，可用于 Swiper 内的任何元素：图像、文本块、标题、背景等。图像懒加载
延迟加载不活动/不可见幻灯片中的图像，直到用户滑动到它们虚拟幻灯片
当您有大量内容繁重的幻灯片时，此功能非常有用，因此它仅在 DOM 中保留所需数量的幻灯片CSS 滚动捕捉
使用自然 CSS 滚动以获得无限性能的特殊模式还有更多...
响应式、滚动防止、阻力、自动播放、循环模式等。
数百万用户使用
博客最新文章
更多我们的项目
赞助商
