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