Multi-Level Menu

JavaScript

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

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

Multi-Level Menu

デモ

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

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

Multi-Level Menu

関連記事

  1. linkunderline

    JavaScript

    テキストリンクにアンダーラインのアニメーションを実装できる「linkunderline」

    linkunderlineは、テキストリンクにアンダーラインを引くアニ…

  2. InlineTweet.js

    JavaScript

    Webページのテキストにツイートリンクを作成できる「InlineTweet.js」

    InlineTweet.jsはWebページのテキストにツイートリンクを…

  3. jExcel

    JavaScript

    Excelと互換性のあるスプレッドシートを埋め込めるjQueryプラグイン「jExcel」

    jExcelは、ブラウザにExcelと互換性のあるスプレッドシートを埋…

  4. Timeline.js

    JavaScript

    スライド式のタイムラインを実装できるjQueryプラグイン「Timeline.js」

    Timeline.jsは、スライド式によるタイムラインを実装することが…

  5. no-image

    JavaScript

    スクロールした時に最適な位置に合わせてくれる「jQuery.panelSnap」

    jQuery.panelSnapは、コンテンツごとに縦に並べられたパネ…

  6. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでパターン化されたクラス名をループで1つずつ取り出して処理する

    どうでもいい内容なんですがちょっとやりたかったのでメモです。jQuer…

最近の記事

  1. タリーズ ハウスブレンド
  2. BAG-TW1BKシリーズ
  3. 落ち葉と雪

アーカイブ

PAGE TOP