Accessible Mega Menu

JavaScript

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

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

[ads_center]

Accessible Mega Menu

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

メガメニュー

Accessible Mega Menu

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

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

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

関連記事

  1. Babylon Grid
  2. JavaScript

    円グラフ/折れ線グラフ/棒グラフを簡単に作れるjQueryプラグイン「Peity」

    個人的にかなり便利なプラグインを発見しました。円グラフ、折れ線グラフ、…

  3. JavaScript

    画像の一部をカッコよく拡大したりできるjQueryプラグイン「Loupe」

    こうゆうプラグインは初めて使ってみたんですが、とても面白いですね。Lo…

  4. ArtDesignSlider

    JavaScript

    レスポンシブで豊富なエフェクトのイメージスライダー「ArtDesignSlider」

    ArtDesignSliderは豊富なエフェクトでレスポンシブにも対応…

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

    JavaScript

    jQueryでJavaScriptのfor…inを使ってオブジェクトから値を1つずつ取り…

    JavaScriptにはfor...inというプロパティの数だけ繰り返…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. M360bt
  2. BQ-CASE/1
  3. GLOO BOX

アーカイブ

PAGE TOP