no-image

JavaScript

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

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

Page Scroll 3D

デモ

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

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

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

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

関連記事

  1. JavaScript

    レスポンシブに対応している軽量のjQueryスライダー「Unslider」

    とても軽量でレスポンシブにも対応しているjQueryスライダー「Uns…

  2. jQuery Pit-scheduler v2.0
  3. jQuery Timespace

    JavaScript

    四方にドラッグ移動できる水平タイムライン実装「jQuery Timespace」

    jQuery Timespaceは上下左右と四方にドラッグ移動できる水…

  4. no-image

    JavaScript

    ミニマリスティックでフレキシブルなjQueryスライダー「Bore Bones Slider」

    Bore Bones Sliderはミニマリスティックでフレキシブルな…

  5. notifit

    JavaScript

    多彩なカスタマイズができるシンプルなjQuery通知プラグイン「notifit」

    notifitは多彩なカスタマイズが可能なシンプルな通知機能を実装でき…

  6. Circular Slider

最近の記事

  1. Soundcore Liberty Air 2
  2. Soundcore Liberty 2
  3. マザーツリー
  4. RICOH THETA SC2

アーカイブ

PAGE TOP