no-image

JavaScript

ダイナミックに回転してコンテンツが切り替わる「Page Scroll 3D」

Page Scroll 3Dは、クルッとダイナミックに回転してコンテンツが切り替わるjQueryプラグインです。ナビゲーションによる切り替えやスクロールでの切り替えも可能です。

Page Scroll 3D

デモ

デモではフルスクリーンによる迫力ある画像が表示されています。右側にはナビゲーションメニューが設置されていて、ここから各コンテンツへ切り替えることができます。

任意の項目をクリックすると、そのセクションまでクルッと立体的に回転して移動します。画面全体が回転するのでとてもダイナミックな印象です。また、ナビゲーションからだけではなく、上下にスクロールすることでもコンテンツを切り替えることが可能です。

各コンテンツはそれぞれsectionタグ括るようにマークアップしていきます。使い方、マークアップともにシンプルなので手軽に実装できるのがいいですね。

ダイナミックな3Dアニメーションでコンテンツを切り替えるWebページを作りたいという人は、ぜひ「Page Scroll 3D」をチェックしてみてはいかがですか?

Multi-Step-Form-Jsステップごとにフォームをバリデーションしてくれる「Multi-Step-Form-Js」前のページ

【iOS 11】iPhoneのコントロールセンターからナイトシフト(Night Shift)へ簡単にアクセスする方法次のページ

関連記事

  1. simpler-sidebar

    JavaScript

    シンプルでスタイリッシュなサイドナビゲーション「simpler-sidebar」

    simpler-sidebarは、シンプルでスタイリッシュなサイドナビ…

  2. jQuery Accordion
  3. shCircleLoader
  4. Rebox

    JavaScript

    レスポンシブ対応の軽量なLightbox風jQueryプラグイン「Rebox」

    ReboxというjQueryプラグインを使えば、レスポンシブに対応した…

  5. Horizontal Timeline

    JavaScript

    水平方向のタイムラインを実装できる「Horizontal Timeline」

    Horizontal Timelineは水平方向に移動可能なタイムライ…

  6. vTicker

    JavaScript

    シンプルで使い方も簡単!垂直ティッカーを実装できるjQueryプラグイン「vTicker」

    シンプルで使い方も簡単な垂直ティッカーを実装できるjQueryプラグイ…

最近の記事

  1. 冬用のふとん
  2. 田沢湖
  3. ゴムの耳栓
  4. ライオンコーヒー(バニラマカダミア)
PAGE TOP