Multi-Level Menu

JavaScript

流れるような遅延アニメーションが美しい階層化メニュー実装「Multi-Level Menu」

Multi-Level Menuは流れるような遅延アニメーションが美しい階層化されたナビゲーションメニューを実装できます。下層へ進むにつれて、パンくずリスト仕様のバックメニューが表示されるので、現在位置もわかりやすく、非常に快適です。

Multi-Level Menu

デモ

左側のメニューから動作チェックできます。レスポンシブになっているので、スマホの場合は左上のメニューアイコンからメニューを展開可能です。

アニメーションが優雅な感じで気持ちのいい操作感を実現しています。リスト上部にパンくずナビゲーションが表示されるので、好きな階層に戻ることも可能です。

Multi-Level Menu

関連記事

  1. textwriteout

    JavaScript

    テキストの書き出し・削減ができるjQueryプラグイン「textwriteout」

    textwriteoutは指定したテキストを書き出したり削減したりでき…

  2. JavaScript

    複数カラムをレスポンシブに対応させるjQueryプラグイン「jquery.columns」

    複数あるカラムをレスポンシブに対応させるためのjQueryプラグイン「…

  3. scrollMonitor

    JavaScript

    要素が表示領域に入ったり出たりするとイベントを受け取れる「scrollMonitor」

    scrollMonitorは、要素が表示領域(ビューポート)に入ったり…

  4. StellarNav.js

    JavaScript

    レスポンシブで多階層に対応したドロップダウンメニュー「StellarNav.js」

    StellarNav.jsはjQueryによるレスポンシブで多階層に対…

  5. Sliiide

    JavaScript

    シンプルなスライディングメニューを実装できる「Sliiide」

    Sliiideはシンプルなスライディングメニューを実装することができる…

  6. SPOILER ALERT!

    JavaScript

    画像やテキストにボカシを入れることができるjQueryプラグイン「SPOILER ALERT!」

    画像やテキストといった部分にボカシを入れることができるjQueryプラ…

最近の記事

  1. 梅しば
  2. BM-IBCDH13RD
  3. 雪
  4. ホットのドリップ
  5. めんたいこ&チーズ味 海老せんべい

アーカイブ

PAGE TOP