<abbr id="y2asm"></abbr><abbr id="y2asm"></abbr>
  • <code id="y2asm"></code>
    <code id="y2asm"></code>
  • <button id="y2asm"></button>
    <rt id="y2asm"></rt>
    Swiper交友群:群① 648433223     群② 526371207

    Swiper常用于移動端網(wǎng)站的內(nèi)容觸摸滑動

    Swiper是純javascript打造的滑動特效插件,面向手機(jī)、平板電腦等移動終端。


    Swiper能實(shí)現(xiàn)觸屏焦點(diǎn)圖、觸屏Tab切換、觸屏輪播圖切換等常用效果。

    Swiper開源、免費(fèi)、穩(wěn)定、使用簡單、功能強(qiáng)大,是架構(gòu)移動終端網(wǎng)站的重要選擇!


    右側(cè)范例來自某訊網(wǎng),用到了這些特效:

    Swiper擁有靈活的progress,這是自定義制作3D幻燈片切換效果的利器

    Swiper制作3D切換效果的方法多種多樣。cubecoverflowflipcardscreative可以輕松的實(shí)現(xiàn)3D過渡,如果你想制作其他新穎的切換方式,推薦使用progress

    progress可以幫助你獲取到滑塊的進(jìn)度索引。


    右側(cè)3d宣傳冊范例用到了這些特效:

    在Swiper上加些小動畫,制作時下最流行的微展示

    使用Swiper再配合一些你喜歡的小動畫,你的圖片立即變成活靈活現(xiàn)的微場景、微海報。

    常用的制作動畫的方法有CSS3、GreenSock、Anime.js、animate.css等。也推薦使用我們的Swiper Animate小插件,無需學(xué)習(xí)即可快速制作出精美的切換動畫效果。


    Swiper Animate有大量的demo,下載后進(jìn)行簡單修改即可,是伸手黨的最愛。


    右側(cè)liveapp范例用到了這些特效:

    Swiper 的特色功能

    不依賴公共庫
    Swiper無需加載任何公共庫(如jquery)即可運(yùn)行,這保證了Swiper的輕量和運(yùn)行速度。Swiper也可以在加載了公共庫的環(huán)境下安全的運(yùn)行,如jQuery, Zepto, jQuery Mobile等
    支持流行的前端框架
    從Swiper6版本開始提供了流行前端框架的支持,可以將swiper作為組件添加到這些框架中方便使用,如ReactSvelteVue.jsAngular
    1:1的觸摸滑動
    Swiper默認(rèn)的觸摸比例為1:1,你可以通過修改Swiper的設(shè)置來改變這個比例。
    監(jiān)視器
    Swiper可以通過設(shè)置開啟監(jiān)視器,有了這個功能Swiper可以在你動態(tài)改變Dom或Swiper的樣式時自動重新初始化并計算所需的元素。
    豐富的API
    Swiper 擁有豐富的API,允許你建立自己獨(dú)特的分頁器、導(dǎo)航、視差滾動、或其他精彩的效果
    真正支持RTL布局
    Swiper是唯一一個支持100%RTL(右向左)布局的滑動插件。可在swiper-container上加dir="rtl"。
    多行slides布局
    Swiper允許多行Slides布局,這樣每行的slide就會較少。
    豐富的過渡效果
    內(nèi)置了 淡入、3D方塊、3D流、3D翻轉(zhuǎn)、卡片、創(chuàng)意性等6種效果,方便輕松使用。
    雙向控制
    現(xiàn)在Swiper可以用來控制其他的Swiper,甚至可以同時控制。
    完整的導(dǎo)航控制
    Swiper配備了常用的導(dǎo)航控制器,包括分頁器切換箭頭滾動條
    Flexbox布局
    Swiper使用流行的flexbox布局,這樣就解決了很多計算尺寸方面的問題。這種布局也允許用CSS來設(shè)定Slides。
    Flexbox網(wǎng)格
    你可以在Swiper初始化的時候設(shè)定slide的顯示,包括每行、每列、每組數(shù)量以及他們的間距等。
    視差過渡
    Swiper支持流行的視差效果,你可以將視差效果應(yīng)用于Swiper的內(nèi)部元素,如圖片、文本、標(biāo)題、背景圖等等..
    圖片懶加載
    Swiper對非active slide內(nèi)的圖片實(shí)行延遲加載,這個功能加快了頁面的打開速度,提高了Swiper的使用體驗(yàn)。
    虛擬 Slides
    Swiper 5新增了虛擬slides特性,當(dāng)你有很多Slide或有很多內(nèi)容的slide的時候可以在DOM中只保留需要的slide。
    其他的特性
    Swiper5還包含了所有swiper2的優(yōu)秀特性,包括自適應(yīng)、滾動反彈、抵抗反彈、loop模式、嵌套Swiper。

    50,000+ 使用者,200,000+ 網(wǎng)站及應(yīng)用

    用Swiper來制作滑動切換已經(jīng)成為現(xiàn)今網(wǎng)站或應(yīng)用的潮流和標(biāo)準(zhǔn)

    Swiper完全免費(fèi)并開源(MIT Licensed)開始使用Swiper
    主站蜘蛛池模板: 国产成人精品午夜福利| 日本一区二区免费看| 国产精品扒开做爽爽爽的视频| 亚洲色欧美色2019在线| jazzjazz国产精品| 狠狠色噜噜狠狠狠狠97| 奇米影视中文字幕| 亚洲黄色在线观看| 999国产精品| 欧美爽爽爽爽爽爽视频| 国产综合无码一区二区辣椒| 亚洲欧美日韩精品久久| 4jzbtv四季彩app下载| 欧美寡妇xxxx黑人猛交| 国产精品免费小视频| 亚洲av无码一区二区三区不卡| 777奇米影视视频在线播放| 最新电影天堂快影eeuss| 国产孕妇孕交大片孕| 久久久久久亚洲精品| 翁虹一级毛片手机观看| 快播电影网日韩新片| 伊人久久青草青青综合| 99re热久久这里只有精品首页| 欧美日韩一区二区在线| 国产福利你懂的| 久久免费观看视频| 美国一级毛片免费| 天海翼电影在线观看| 亚洲福利视频网站| 日本色图在线观看| 日本伊人色综合网| 午夜夜伦鲁鲁片| 99久久免费国产精品特黄| 欧美三级中文字幕在线观看| 国产女人乱人伦精品一区二区| 中文字幕视频网| 男人j放进女人p全黄| 国产精品免费视频网站| 久久国产经典视频| 精品中文字幕在线观看|