megamenu.js

JavaScript

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

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

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

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

megamenu.js

デモ

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

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

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

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

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

megamenu.js

Multi-device scrolling menuシンプルな水平メニューを実装できる「Multi-device scrolling menu」前のページ

Photoshopで雪のブラシを使って簡単に自然な雪を降らせる方法次のページPhotoshopのブラシで雪を降らせる方法

関連記事

  1. graphite

    JavaScript

    シンプルな棒グラフを生成できる「graphite」

    graphiteはシンプルな棒グラフを生成できるJavaScriptラ…

  2. S-Pagination

    JavaScript

    スライダー付きのページネーションを実装できる「S-Pagination」

    S-Paginationはスライダー付きのページネーションを実装できる…

  3. simpler-sidebar

    JavaScript

    シンプルでスタイリッシュなサイドナビゲーション「simpler-sidebar」

    simpler-sidebarは、シンプルでスタイリッシュなサイドナビ…

  4. jQuery Pretty Dropdowns
  5. MoveTo

    JavaScript

    軽量なスムーススクロールを実装できるJSライブラリ「MoveTo」

    MoveToは軽量(圧縮版で1KBほど)なスムーススクロールを実装する…

  6. JavaScript

    レスポンシブにも対応している人気のjQueryプラグインのスライダー「Nivo Slider」の使い…

    レスポンシブにも対応している人気のjQueryプラグイン「Nivo S…

最近の記事

  1. 梅
  2. CAR-HLD12BK
  3. OWL-LPB6701LA

アーカイブ

PAGE TOP