ロケーション：ホーム > JS特殊効果コード > カルーセルとスイッチ
jQuery Mobile PictureCarouselプラグイン
このjQueryカルーセルプラグインは主にモバイルデバイスで使用されるため、切り替えボタンをクリックして他のフォーカスマッププラグインのように画像を切り替えることはできませんが、ツールチップの外観でサムネイルをスライドさせて画像を切り替えると、画像がに表示されます。中央アニメーションのズームインとズームアウトの効果は良好です。
jQuery画像広告フォーカススイッチ
シンプルなjQuery製品の表示フォーカスマップ切り替えプラグイン。画像切り替え遷移アニメーションは、フェードインおよびフェードアウトアニメーション効果を使用します。上下に2つの切り替えボタンが浮かんでいます。マウスが画像上を移動すると、2つの切り替えボタンが表示されます。同時に、画像の下にあるボタンの列をクリックして、任意の画像に切り替えることもできます。
Swiper.jsモバイル画像切り替えカルーセルプラグイン
Swiper.jsは、携帯電話用の画像およびテキストコンテンツスライダープラグインです。今日共有されるSwiper.jsモバイル画像スライダープラグインは非常に強力です。他のjQueryフォーカスマッププラグインと同様に、Swiper.jsは画像のスライド切り替え機能も提供し、左右の矢印の切り替えとフローティング画像の上の円形のリンクポイントをサポートしてすばやく切り替えます。さらに、Swiper.jsは、自動再生またはマウスのドラッグアンドスライドもサポートしています。
jQuery自動カルーセルチャートスライダープラグイン
シンプルなjQueryカルーセルスライダープラグインで、非常にゴージャスな切り替えアニメーションはなく、単純なスライドインおよびスライドアウトアニメーションがあります。また、このjQueryフォーカスマッププラグインの使用は非常に便利です。フットステップライブラリを導入し、簡単な設定を実行するだけで、Webページに統合できます。
jQueryカスケード画像カルーセルプラグイン
jQueryカスケードスタイルの画像切り替えカルーセルプラグイン。現在の画像を除いて、すべての画像の一部が表示され、左右の矢印が切り替えられた後に次の画像が表示されます。切り替えアニメーションはカスケード効果です。
jQuery製品の自動カルーセル表示プラグイン
クリエイティブなjQuery製品イメージの自動切り替え再生プラグインである前に紹介したjQueryフォーカスマップは、左右の切り替えまたは上下の切り替えのいずれかであり、さまざまな遷移アニメーション効果が付属しています。ただし、このjQuery画像切り替えプラグインは円弧に沿ったカルーセルスイッチであり、より立体的であり、自動ループ再生もサポートしています。
jQuerydivレイヤーオーバーレイスタイル切り替えプラグイン
jQueryによって実装された3Dフリップカルーセルスイッチングプラグインを共有します。これは、多くのdivを重ね合わせることができます。切り替え効果とスタイルはとても良いです。このjQueryスイッチングプラグインを試すことができます。
jQuery + swiper.jsクールな製品切り替えスライダー効果
jQueryはswiper.jsに基づいており、全画面および大気中の商品のスライド切り替えを行い、コレクションアニメーションのインタラクティブデザインページのコードを追加し、サイズの選択やコレクションなどの機能をサポートします。
js分割画面表示画像切り替え特殊効果
jsの左側と右側の分割画面アニメーションカルーセルの特殊効果。このカルーセル特殊効果では、画像と説明テキストが画面の両側で分離されています。マウスを上下にスクロールすると、画像と説明テキストが相互に相対的に上下に移動します。効果はとてもクールです。
画像カルーセルプラグインインデックスラインアニメーション
HTML5およびSVGの線変形アニメーション効果。この特殊効果のデモは、カルーセルでのページングナビゲーションの例です。各ページングドットにはSVG円形線があります。ユーザーが他のドットをクリックすると、円形の線がスムーズに次の位置に移動します。
jQuery4グリッドウィンドウカルーセル図プラグインwindow.slider.js
jQueryの4グリッドウィンドウカルーセル図プラグイン。 jqueryカルーセル図は、ウィンドウを4つの上部グリッドと下部グリッドに分割し、4つのグリッドのブレークスルーをそれぞれ回転させます。
jQuery画像回転切り替え効果
コンテナの幅はパラメータ「width」、「height」はコンテナの高さ、posterWidth」は画像の幅、「posterHeight」は画像の高さ、「scale」は画像の倍数、「speed」で制御できます。 「」は時間のかかる切り替え効果を制御し、「autoPlay」は「自動的に再生するかどうかを制御し、「delay」は各効果の間隔を制御し、「verticalAlign」は画像の配置方法を制御します。
TweenMax.jsカルーセル図HTML5アニメーション
TweenMax.jsアニメーションライブラリ、js画像カルーセルプラグインによって実装されたスライダー効果に基づいており、切り替え時にアニメーション効果があります。
jQueryリストアイテムスムーズスクロールプラグインsmooth-scrollbar.js
Smooth-scrollbar.jsはスムーズスクロールプラグインで、jQueryを使用して実装されたリストアイテムであり、マウスをスクロールするとリストアイテムを自動的に切り替えます。
純粋なcss3カルーセルスライダー効果
カルーセルプラグインを構築するためのJavaScriptコードを使用せずに、純粋なcss3コードによって実装されたカルーセルスライダーの特殊効果。
jQuery + SVG画像カルーセルスライダープラグイン
jQuery + SVGによって実装された画像カルーセルスライダープラグイン
jQuery Image Symmetrical SplitCarouselプラグイン
jQueryのフルスクリーン対称スプリットカードカルーセルプラグイン。カルーセルプラグインは、jqueryとTweenMax.jsを使用して作成します。レイアウトでは、画像とコンテンツが左右の2つの領域に分割されています。カルーセルを切り替えると、いくつかの視覚効果があります。
jQuery画像リストタブスイッチ
jQueryベースの画像リストタブ切り替えに基づいて、Webサイトテンプレートの画像タブ切り替え効果を作成します。これは雰囲気のある画像リストのタブコードです。
アイコン付きのjQueryの質問と回答のタブスイッチ
jQueryアイコンテキストの質問と回答センタータブタブの切り替え、ヘルプセンタータブアイコンアイテムのコンテンツ切り替えコードを作成します。登録/ログイン、イベント設定、賞品設定、イベント管理、検証システム、公式アカウント認証タブ切り替えページ。
jQueryの企業ロゴ画像タブのレイアウトコード
jQueryは、矢印ページのめくり制御を使用して、協調クライアントのロゴ画像のグリッドレイアウトを作成します。協力顧客、顧客音声タブレイアウト切り替え効果コード。
