megamenu.js

JavaScript

レスポンシブでスマートなメガメニューを実装できる「megamenu.js」

megamenu.jsはjQueryを使ったレスポンシブでスマートなメガメニューを実装することができます。

動作もサクサクで素早く目的のメニューにアクセスしやすいのがいいですね。レスポンシブということで、PCだけではなくスマホやタブレットでも操作しやすいように最適化することが可能です。

これからメガメニューを取り入れたいという方は要チェックです。

megamenu.js

デモ

PCからの場合はメニューにホバーすると子メニューがパッと素早く表示されます。

モバイル版では子メニューを持っている親メニューの右側に「+」ボタンが表示されるので、これをタップすると子メニューリストが開かれます。

とてもシンプルで使いやすいナビゲーションメニューですね。デザインもスッキリしていて見やすいのがGoodです。

サイトのメニューがたくさんある場合、あらかじめ全部表示するとそれなりにスペースも取られてしまうので、こういったものをうまく活用してスッキリと見せたいところですね。

というわけで、レスポンシブに対応したシンプルでサクサク動作するメガメニューを実装したい方は、ぜひチェックしてみてはいかがでしょうか?

megamenu.js

関連記事

  1. Justified Gallery
  2. Product comparison

    JavaScript

    製品などの比較に役立つjQueryプラグイン「Product comparison」

    Product comparisonは、いくつかの種類のものを比較する…

  3. Choreographer-js

    JavaScript

    多彩なCSSアニメーションを実現できる「Choreographer-js」

    Choreographer-jsは、多彩なCSSアニメーションを実現さ…

  4. Pilpil

    JavaScript

    プログレッシブ形式で画像表示時間を短縮してくれる「Pilpil」

    Pilpilは、ページの画像表示の時間を短縮するためのJSライブラリで…

  5. JavaScript

    水面にゆらゆらと波打つ動きを与えてくれるjQueryプラグイン「lake.js」

    面白そうなプラグインだったので使ってみました。画像を指定するとその画像…

  6. Tagify

    JavaScript

    Vanilla JSを用いた軽量のタグ入力機能を実装できる「Tagify」

    TagifyはVanilla JSを用いた軽量のタグ入力機能を実装でき…

最近の記事

  1. macOS Mojaveのダークモード
  2. Olli
  3. 単語帳メーカー(Flashcard Maker App)
  4. 1Password 7

Facebookページ

PAGE TOP