Page Scroll 3Dは、クルッとダイナミックに回転してコンテンツが切り替わるjQueryプラグインです。ナビゲーションによる切り替えやスクロールでの切り替えも可能です。
Page Scroll 3D
Page Scroll 3Dのダウンロードや具体的な使い方は以下のページからチェックできます。ダウンロードしたファイルから実際のデモ動作を見ることも可能です。
デモではフルスクリーンによる迫力ある画像が表示されています。右側にはナビゲーションメニューが設置されていて、ここから各コンテンツへ切り替えることができます。
任意の項目をクリックすると、そのセクションまでクルッと立体的に回転して移動します。画面全体が回転するのでとてもダイナミックな印象です。また、ナビゲーションからだけではなく、上下にスクロールすることでもコンテンツを切り替えることが可能です。
各コンテンツはそれぞれsectionタグ括るようにマークアップしていきます。使い方、マークアップともにシンプルなので手軽に実装できるのがいいですね。
ダイナミックな3Dアニメーションでコンテンツを切り替えるWebページを作りたいという人は、ぜひ「Page Scroll 3D」をチェックしてみてはいかがですか？
