プラグインの機能
swipe.jsコンテンツスライド、カスタムオプションのサポートを扱うことができ、あなたがそうで、それが自動的にスクロールさせ制御間隔をスクロールし、コールバック関数を返すことができ、より有名なタッチスライドプラグインです。多くの場合、携帯電話で見られるフロントエンド開発の。
使用
以下は、適切なHTMLの追加、使用の簡単な例であるコードとJSコード。
<div要素のid = 'スライダー'クラス= '強打'>
の<divクラス= 'スワイプラップ'>
の<div> </ div>
<div>の</ div>
<div>の</ DIV>
</ DIV>
</ DIV>
window.mySwipe =スワイプ（のdocument.getElementById（ 'スライダー'））;
.swipe {
オーバーフロー：隠されました。
可視性：隠されました;
位置：相対;
}
.swipeラップ{
オーバーフロー：隠されました。
位置：相対;
}
.swipeラップ> DIV {
フロート：左;
幅：100％;
位置：相対;
}
オプションの設定
- startSlide 整数 （デフォルト：0） -の位置を転がり始めます
- スピード 整数 （デフォルト：300） - （秒）アニメーションスクロールインターバル
- 自動 整数-自動スライドショーを開始する（スライドユニットとの間のミリ秒単位の時間）
- 連続 ブール （デフォルト：trueに） - （最後のループスライド場合、すべてのアニメーションがスライドしたときに）無限ループを作成します
- disableScroll ブール （デフォルト：false） -スクロールバーは、スライドを停止するかどうかをスクロールします
- stopPropagation ブール （デフォルト：false） -イベントのバブリングを停止するかどうか
- コールバック 関数-コールバック関数スライドランニング
- transitionendの 機能-アニメーションが終了コールバック関数を実行します
例
window.mySwipe =新しいスワイプ（のdocument.getElementById（ 'スライダー'）、{
startSlide：2、
スピード：400、
自動：3000、
連続：真、
disableScroll：偽
のstopPropagation：偽、
コールバック：関数（指数、ELEM）{ }、
transitionEnd：関数（指数、ELEM）{}
}）。
注意を払います
1、元スワイプJS、あなたが後にクリックやジェスチャーコントロールを使用する場合、カルーセル・マップを自動的に設計ロジックにも現在のページsina.cnをスクロールしませんが、一部の顧客は彼に自動スクロール心理を与えていないが、快適ではありません、解決策は、次のように停止機能がある元swipe.jsを変更することです：
機能停止（）{
//遅延= 0。
遅延= options.auto> 0？options.auto：0;
clearTimeout（間隔）。
}
以下のデモページが変更され、それがローリング状態であったであろう。（出典）
デモおよびダウンロード
ます。https：//www.cnblogs.com/zijuan/p/4065409.htmlで再現