ホームページ > 記事 > ウェブフロントエンド > スワイパーの使い方(1)
swiper はモバイル ページのスライド フレームワークです。このフレームワークを使用して独自の履歴書を作成できます。
ページのスライドに加えて、スワイパーは使用できる他のさまざまな機能コンポーネントも提供します。
そしてメソッドとコールバック関数。
まず、基本的なスワイパーページ、つまりページめくり機能のみを備えたページを実装します。
まずフレームワークファイルを参照する必要があります。 swiper.css と swiper.js
<link rel="stylesheet" href="swiper.css"> <script src="swiper.js"></script>
外部コンテナを作成します。 swiper-cotainer
<div class="swiper-container">
次に、外側のコンテナーの中に内側のコンテナーを追加します。 swiper-wrapper
<div class="swiper-wrapper">
各フリップページを内部コンテナに追加
<div class="swiper-slide>页面内容</div> <div class="swiper-slide>页面内容</div> <div class="swiper-slide>页面内容</div> <div class="swiper-slide>页面内容</div> <div class="swiper-slide>页面内容</div> <div class="swiper-slide>页面内容</div> </div> </div>
その後、jsで初期化
<script> var swiper = new Swiper('.swiper-container'); </script>
上記はswiperの使い方(1)の内容です、続きはこちら 関連コンテンツ、PHP 中国語 Web サイト (www.php.cn) に注意してください。