Swiper
Swiper 是最先進的 免費且開源的行動觸控滑塊，具有硬體加速轉換和 驚人的原生行為。在網站、網路應用程式和行動原生/混合應用程式中使用它。
Swiper 與其他優秀元件是 Framework7 以及 Ionic Framework 的一部分 - 功能齊全的框架，用於構建 iOS 和 Android 應用程式。
簡單易用
<script src="https://cdn.jsdelivr.net/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 不需要任何 JavaScript 程式庫，例如 jQuery，這使得 Swiper 更小更快模組化結構
Swiper 具有模組化結構，並允許您僅使用必要的模組，以使其尺寸更小豐富的 API
Swiper 附帶非常豐富的 API。您甚至可以建立自己的外掛程式完整的 RTL 支援
Swiper 提供 100% 的 RTL 支援，並具有正確的佈局多行幻燈片佈局
Swiper 允許每列多個幻燈片的多行幻燈片佈局轉換效果
有許多轉換效果，包括 3D 效果雙向控制與縮圖
Swiper 可以用作任何數量其他 Swiper 的控制器完整導航控制
所有必要的導航元素都在這裡 - 分頁、導航、捲軸最靈活的幻燈片佈局網格
Swiper 有許多參數，使其盡可能靈活視差轉換
Swiper 支援現代視差轉換效果，可用於 Swiper 內部的任何元素：圖片、文字區塊、標題、背景等。圖片延遲載入
延遲載入非使用中/隱藏幻燈片中的圖片，直到使用者滑動到它們虛擬幻燈片
當您有很多內容繁重的幻燈片時，此功能非常有用，因此它只保留 DOM 中所需的幻燈片數量CSS 捲動對齊
使用自然 CSS 捲動實現無限效能的特殊模式以及更多 ...
響應式、捲動預防、阻力、自動播放、循環模式等。
數百萬人使用
部落格最新文章
更多我們的專案
贊助商
