Accessible Mega Menu

JavaScript

jQueryプラグインでメガメニューを実装できる「Accessible Mega Menu」

Accessible Mega MenuというjQueryプラグインを使えばメガメニューを実装することができます。たくさんのナビゲーションメニューがある時なんかに使うとメニューが綺麗に整理されるので目的のメニューにアクセスしやすくなりますね。

[ads_center]

Accessible Mega Menu

実際のデモではメニュー項目にマウスオーバーすると、このようにたくさんのメニューが表示されます。

メガメニュー

Accessible Mega Menu

また、キーボードアクセシビリティにもなっており、上下左右の矢印キーでメニューを選択できたり、フォーカスされたメニューをenterキーでリンク先へ移動することもできます。

大量のメニューがある場合にはキーボードで操作することで、間違って違うメニューをクリックしたっていうのがなくなりそうですね。

メガメニューを実装したい時に覚えておきたいプラグインです。

Lightroomで現像時にセカンドディスプレイを表示させるショートカット前のページ

レスポンシブ対応のグリッドレイアウトを実装できるjQueryプラグイン「Freewall」次のページFreewall

最近の記事

  1. 果実そのまま みかん
  2. マリーゴールドのゴム手袋(バスルーム)
  3. クリスマスエスプレッソロースト
  4. シーザーチキン 石窯カンパーニュ
  5. スキャルプ&ヘア リファイニング トリートメント オイル R
PAGE TOP