jQuery画像の縦横スクロール切り替えコードmySystem.jsプラグイン
jsコード
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/mySystem.js"></script>
<スクリプト>
$(関数(){
//コールバック関数の数
var callbackIndex = 0;
$('.silder-box-1').mySilder({
width:400, //コンテナの幅は必須パラメータです!!!!!!
height:400, //コンテナの高さは必須パラメータです!!!!!!
auto:true,//自動的にスクロールするかどうか
autoTime:5, //自動スクロールする際の時間差、つまり一度にスクロールする時間を単位(秒)
direct:'x',//スクロール方向、デフォルトのX方向
autoType:'left', //スクロール方向、autoがtrueの場合に有効
some:1,//一度にいくつかスクロールします。デフォルトでは 1 スクロールします。
showFew:2, //いくつか表示するのでCSSを調整する必要はありません。デフォルトで1つが表示されます
Clearance:50, //コンテナ間の隙間、デフォルトは0です
silderMode:'linear' ,//スクロールモード
timeGap:650, //アニメーションギャップ、アニメーションが完了するまでにかかる時間、デフォルトは700ミリ秒
buttonPre:'.silder-button.btl',//前へ、ボタン
buttonNext:'.silder-button.btr',//次へ、ボタン
jz:true, //クリック時にアニメーションが完了するまで待つかどうか
runEnd:function(){//コールバック関数
コールバックインデックス ++ ;
$('.cj em').text(callbackIndex);
}
});
});
</スクリプト>
このサイトのすべてのリソースはネチズンによって提供されたもの、または主要なダウンロード サイトによって転載されたものです。ソフトウェアの整合性をご自身で確認してください。このサイトのすべてのリソースは学習の参考のみを目的としています。商業目的で使用しないでください。そうでない場合は、すべての結果に対して責任を負うことになります。侵害がある場合は、削除するためにご連絡ください。連絡先情報: admin@php.cn
関連記事
26 Apr 2018
今回は、jQueryのテキストとグラフィックのスクロール切り替え効果について詳しく説明します。jQueryでグラフィックとテキストのスクロール切り替え効果を強調表示するための注意点は何ですか。実際の事例を見てみましょう。
demo01.html
16 May 2016
フォーカス画像の切り替えは、Webページで制作される商品表示などでよく使われる効果で、ユーザーからも人気がありますので、興味のある方はぜひ参考にしてみてください。 , この記事があなたのお役に立てれば幸いです
16 May 2016
この記事では、左側の大きな画像と右側の小さな画像の jQuery スライドショー切り替え効果と、サムネイル付きのフォーカス画像切り替えコードを主に紹介します。シンプルでファッショナブルで、必要な友達は参考にしてください。
16 May 2016
Web ページの背景画像を自動的にフェードインおよびフェードアウトする効果はよく見られますが、これは非常に美しく、非常に実用的です。今日は、jquery に基づいたピクチャ ウォールの自動フェードインおよび手動フェードアウト切り替え効果を紹介します。興味のある方は友達と一緒に勉強しましょう。
16 May 2016
jquery画像の特殊効果は、テンセントQQモールのホームページのバナーのフォーカス画像カルーセル切り替え効果を模倣するために生成され、インデックスボタンコントロールと左右のボタンで画像切り替えを制御します。興味のある方は以下のサンプルコードを参照してください。それに。
16 May 2016
netizen zoeDylan によって作成されたオリジナルの jquery プラグインは、画像カルーセル機能を実装しています。jquery プラグインの名前は zoeDylan.ImgChange で、画像のパス、ジャンプ リンク、およびプロンプトのタイトルはすべて動的配列で構成されています。 6つのパラメータ、高さ、高さ、幅、mgs画像アドレス、リンククリックアドレス、ヒント画像説明、タイマー自動切り替え時間、を柔軟に設定できます。
16 May 2016
この記事では、jquery アニメーション効果の詳細な分析を提供する jquery アニメーション効果の学習ノートを共有し、フェードインおよびフェードアウト効果とスライディング効果の原理を説明します。jquery アニメーション効果をよく学びたい場合は、次のリンクを参照してください。この記事を辛抱強く読んでいただければ、予想外のことが見つかると思います。
18 Jan 2017
jqueryをベースにした超リアルな雪景色の特殊効果です。この特殊効果は、jquery コードを使用して html5 キャンバス要素を動的にプラグインし、キャンバス内に雪の特殊効果を作成します。
ホットツール Tags
Hot Tools
jQuery2019 バレンタインデー 告白 花火 アニメーション 特殊効果
Douyin で非常に人気のある jQuery バレンタインデーの告白花火アニメーション特殊効果で、プログラマーや技術オタクが愛する女の子に愛を表現するのに適しています。喜んでいるかどうかに関係なく、最終的には同意する必要があります。
Lauiui レスポンシブ アニメーション ログイン インターフェイス テンプレート
Lauiui レスポンシブ アニメーション ログイン インターフェイス テンプレート
520 バレンタインデーの告白 Web アニメーション特殊効果
jQuery バレンタインデーの告白アニメーション、520 告白背景アニメーション
クールシステムのログインページ
クールシステムのログインページ
HTML5テープミュージックプレーヤー - CASSETTE PLAYER
HTML5テープミュージックプレーヤー - CASSETTE PLAYER