Page Stack Navigation

JavaScript

ページをスタッキングできる「Page Stack Navigation」

Page Stack Navigationはページをスタッキングできるナビゲーションを実装できます。メニューを選ぶ際に複数のページが立体的に重ねられた状態になります。変わったナビゲーションを実装したいときによさそうですね。

Page Stack Navigation

デモ

メニューアイコンをクリックすると、スタッキングされたページを俯瞰して見ることができます。メニュー項目から選択したり、スタッキングされたページを直接選択できたりもします。

スクロールではなく、ページ単位でコンテンツを見せたいときなんかに便利ですね。

Page Stack Navigation

関連記事

  1. Tilt Hover Effects

    JavaScript

    ホバーによるチルトエフェクトを実装できる「Tilt Hover Effects」

    指定したアイテムにホバーすることでオシャレなチルトエフェクトを実装する…

  2. Starfield

    JavaScript

    宇宙空間を移動するような背景アニメーションを実装できる「Starfield」

    Starfieldは宇宙空間を移動するような背景アニメーションを実装す…

  3. animateClick

    JavaScript

    ボタンクリック時にアニメーションをつけれる「animateClick」

    animateClickはボタンをクリックしたときにアニメーションをつ…

  4. JavaScript

    テキストを中央に向かうにつれて大きくしたりできるjQueryプラグイン「jqIsoText」

    結構おもしろかったのでメモしときます。テキストに簡単なエフェクトをかけ…

  5. jQuery toTop()

    JavaScript

    シンプル・軽量でカスタマイズもできる滑らかなスクロール「jQuery toTop()」

    jQuery toTop()はトップへ行くための滑らかなスクロールを実…

  6. Vertical Timeline

    JavaScript

    垂直型のシンプルなタイムラインを実装できるjQueryプラグイン「Vertical Timeline…

    Vertical Timelineは、垂直型のシンプルなタイムラインを…

最近の記事

  1. Anker PowerPort Atom PD 4
  2. USB-2H401BKN
  3. Dyson Pure Cool Me
  4. ルック セレクション

アーカイブ

PAGE TOP