jQueryで画像の縦横スクロール切り替えが可能
コードセグメント:
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
関連記事
16 May 2016
jquery画像の特殊効果は、テンセントQQモールのホームページのバナーのフォーカス画像カルーセル切り替え効果を模倣するために生成され、インデックスボタンコントロールと左右のボタンで画像切り替えを制御します。興味のある方は以下のサンプルコードを参照してください。それに。
11 Apr 2023
パノラマ セグメンテーションは、画像の各ピクセルにセマンティック ラベルとインスタンス ラベルを割り当てることを目的とした基本的なビジョン タスクです。セマンティック ラベルは各ピクセルのカテゴリ (空、垂直オブジェクトなど) を記述し、インスタンス ラベルは画像内の各インスタンスに一意の ID を提供します (同じカテゴリの異なるインスタンスを区別するため)。このタスクは、セマンティック セグメンテーションとインスタンス セグメンテーションを組み合わせて、シーンに関する豊富なセマンティック情報を提供します。意味ラベルのカテゴリは事前に固定されていますが、画像内のオブジェクトに割り当てられたインスタンス ID は、認識に影響を与えることなく交換できます。たとえば、2 台の車両のインスタンス ID を交換しても、結果には影響しません。したがって、インスタンス ID を予測するようにトレーニングされたニューラル ネットワークは、単一の画像から複数のインスタンス ID への 1 対多の割り当てを学習できる必要があります。
16 May 2016
この記事では、jquery アニメーション効果の詳細な分析を提供する jquery アニメーション効果の学習ノートを共有し、フェードインおよびフェードアウト効果とスライディング効果の原理を説明します。jquery アニメーション効果をよく学びたい場合は、次のリンクを参照してください。この記事を辛抱強く読んでいただければ、予想外のことが見つかると思います。
18 Jan 2017
jqueryをベースにした超リアルな雪景色の特殊効果です。この特殊効果は、jquery コードを使用して html5 キャンバス要素を動的にプラグインし、キャンバス内に雪の特殊効果を作成します。
25 Apr 2018
今回は、jQueryのAlipayホームページのフォーカス画像効果をお届けします。jQueryのAlipayホームページのフォーカス画像効果の注意点は次のとおりです。見てみましょう。
19 Apr 2018
今回は jQuery 操作の背景色グラデーション アニメーション効果についてお届けします。 jQuery 操作の背景色グラデーション アニメーション効果の注意点は次のとおりです。
16 May 2016
Jquery ui css フレームワークは、jquery ui のスタイル フレームワークです。jquery テーマ ローラーを使用して、必要な CSS スタイル効果を生成できます。 jquery ui のいくつかのフレームワークを使用して、jquery ui css フレームワーク効果に基づいたプラグインを開発できます。
16 May 2016
animate() は、アニメーション効果を作成するために使用できる jquery のメソッドです。jquery の animate() メソッドは、そのページに優れた視覚効果を追加します。
ホットツール Tags
Hot Tools
jQuery2019 バレンタインデー 告白 花火 アニメーション 特殊効果
Douyin で非常に人気のある jQuery バレンタインデーの告白花火アニメーション特殊効果で、プログラマーや技術オタクが愛する女の子に愛を表現するのに適しています。喜んでいるかどうかに関係なく、最終的には同意する必要があります。
Lauiui レスポンシブ アニメーション ログイン インターフェイス テンプレート
Lauiui レスポンシブ アニメーション ログイン インターフェイス テンプレート
520 バレンタインデーの告白 Web アニメーション特殊効果
jQuery バレンタインデーの告白アニメーション、520 告白背景アニメーション
クールシステムのログインページ
クールシステムのログインページ
HTML5テープミュージックプレーヤー - CASSETTE PLAYER
HTML5テープミュージックプレーヤー - CASSETTE PLAYER