ホームページ JS特殊効果 jQueryの効果 jQuery画像の縦横スクロール切り替えコードmySystem.jsプラグイン

jQuery画像の縦横スクロール切り替えコードmySystem.jsプラグイン

jQuery画像の縦横スクロール切り替えコードmySystem.jsプラグイン

jQuery画像の縦横スクロール切り替えコードmySystem.jsプラグイン

これは、スムーズなジッター切り替え 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

関連記事

jQueryによる画像とテキストハイライトのスクロール切り替え効果を詳しく解説 jQueryによる画像とテキストハイライトのスクロール切り替え効果を詳しく解説

26 Apr 2018

今回は、jQueryのテキストとグラフィックのスクロール切り替え効果について詳しく説明します。jQueryでグラフィックとテキストのスクロール切り替え効果を強調表示するための注意点は何ですか。実際の事例を見てみましょう。


demo01.html
jquery フォーカス画像切り替え(デジタルアノテーション/手動/自動再生/横スクロール)_jquery

16 May 2016

フォーカス画像の切り替えは、Webページで制作される商品表示などでよく使われる効果で、ユーザーからも人気がありますので、興味のある方はぜひ参考にしてみてください。 , この記事があなたのお役に立てれば幸いです

左にjQueryの大きな画像、右に小さな画像、フォーカス画像のスライドショー切り替えコードsharing_jquery 左にjQueryの大きな画像、右に小さな画像、フォーカス画像のスライドショー切り替えコードsharing_jquery

16 May 2016

この記事では、左側の大きな画像と右側の小さな画像の jQuery スライドショー切り替え効果と、サムネイル付きのフォーカス画像切り替えコードを主に紹介します。シンプルでファッショナブルで、必要な友達は参考にしてください。

jQueryコードで画像の自動+手動フェードイン・フェードアウト切り替え効果を実現wall_jquery jQueryコードで画像の自動+手動フェードイン・フェードアウト切り替え効果を実現wall_jquery

16 May 2016

Web ページの背景画像を自動的にフェードインおよびフェードアウトする効果はよく見られますが、これは非常に美しく、非常に実用的です。今日は、jquery に基づいたピクチャ ウォールの自動フェードインおよび手動フェードアウト切り替え効果を紹介します。興味のある方は友達と一緒に勉強しましょう。

jqueryはQQモールを模倣し、左右のボタンでフォーカス画像の切り替えスクロールを制御しますeffect_jquery jqueryはQQモールを模倣し、左右のボタンでフォーカス画像の切り替えスクロールを制御しますeffect_jquery

16 May 2016

jquery画像の特殊効果は、テンセントQQモールのホームページのバナーのフォーカス画像カルーセル切り替え効果を模倣するために生成され、インデックスボタンコントロールと左右のボタンで画像切り替えを制御します。興味のある方は以下のサンプルコードを参照してください。それに。

主要なブラウザの jQuery プラグインと完全に互換性があり、画像切り替え効果を実現_jquery 主要なブラウザの jQuery プラグインと完全に互換性があり、画像切り替え効果を実現_jquery

16 May 2016

netizen zoeDylan によって作成されたオリジナルの jquery プラグインは、画像カルーセル機能を実装しています。jquery プラグインの名前は zoeDylan.ImgChange で、画像のパス、ジャンプ リンク、およびプロンプトのタイトルはすべて動的配列で構成されています。 6つのパラメータ、高さ、高さ、幅、mgs画像アドレス、リンククリックアドレス、ヒント画像説明、タイマー自動切り替え時間、を柔軟に設定できます。

jqueryのハート型のいいね効果とフォロー効果の簡単な実装 jqueryのハート型のいいね効果とフォロー効果の簡単な実装

07 Dec 2016

jqueryのハート型のいいね効果とフォロー効果の簡単な実装

jqueryアニメーションエフェクト学習メモ(8つのエフェクト)_jquery jqueryアニメーションエフェクト学習メモ(8つのエフェクト)_jquery

16 May 2016

この記事では、jquery アニメーション効果の詳細な分析を提供する jquery アニメーション効果の学習ノートを共有し、フェードインおよびフェードアウト効果とスライディング効果の原理を説明します。jquery アニメーション効果をよく学びたい場合は、次のリンクを参照してください。この記事を辛抱強く読んでいただければ、予想外のことが見つかると思います。

HTML5の超リアルな雪景色エフェクト HTML5の超リアルな雪景色エフェクト

18 Jan 2017

jqueryをベースにした超リアルな雪景色の特殊効果です。この特殊効果は、jquery コードを使用して html5 キャンバス要素を動的にプラグインし、キャンバス内に雪の特殊効果を作成します。

See all articles See all articles

Hot Tools

jQuery2019 バレンタインデー 告白 花火 アニメーション 特殊効果

jQuery2019 バレンタインデー 告白 花火 アニメーション 特殊効果

Douyin で非常に人気のある jQuery バレンタインデーの告白花火アニメーション特殊効果で、プログラマーや技術オタクが愛する女の子に愛を表現するのに適しています。喜んでいるかどうかに関係なく、最終的には同意する必要があります。

Lauiui レスポンシブ アニメーション ログイン インターフェイス テンプレート

Lauiui レスポンシブ アニメーション ログイン インターフェイス テンプレート

Lauiui レスポンシブ アニメーション ログイン インターフェイス テンプレート

520 バレンタインデーの告白 Web アニメーション特殊効果

520 バレンタインデーの告白 Web アニメーション特殊効果

jQuery バレンタインデーの告白アニメーション、520 告白背景アニメーション

クールシステムのログインページ

クールシステムのログインページ

クールシステムのログインページ

HTML5テープミュージックプレーヤー - CASSETTE PLAYER

HTML5テープミュージックプレーヤー - CASSETTE PLAYER

HTML5テープミュージックプレーヤー - CASSETTE PLAYER