SwiperとSwiper Animateの使い方

3931 ワード

Swiperはモバイル端末のウェブサイトの内容によく使われています.
Swiperとは何ですか
swiperは純粋なjavascriptが作成したスライド効果プラグインで、携帯電話、タブレットコンピュータなどのモバイル端末に向かっています.
swiperはタッチパネルの焦点図、タッチパネルのTab切り替え、タッチスクリーンの多図切り替えなどの常用効果を実現できます.
swiperオープンソース、無料、安定、使用が簡単で、機能が強いです.モバイル端末サイトを構築する重要な選択です.
 
swiperの使用:
1.まずプラグインをロードし、必要なファイルはswiper.min.jsとswiper.min.cssファイルがあります.
 
2.HTML内容
<div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide">Slide 1div>
        <div class="swiper-slide">Slide 2div>
        <div class="swiper-slide">Slide 3div>
    div>
    
    <div class="swiper-pagination">div>
    
    
    <div class="swiper-button-prev">div>
    <div class="swiper-button-next">div>
    
    
    <div class="swiper-scrollbar">div>
div>
         container  
 
3.初期化Swiper:隣にいたほうがいいです.