Accessible Mega Menu

JavaScript

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

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

[ads_center]

Accessible Mega Menu

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

メガメニュー

Accessible Mega Menu

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

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

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

関連記事

  1. CardTabs

    JavaScript

    ミニマルで超軽量・シンプルなタブを実装できるjQueryプラグイン「CardTabs」

    CardTabsは超軽量でシンプルなタブを実装できるjQueryプラグ…

  2. Pongstagr.am

    JavaScript

    自分のインスタグラムの画像を表示できるjQueryプラグイン「Pongstagr.am」

    Pongstagr.amは自分のインスタグラムの画像をWebサイトに表…

  3. Hover Carousel

    JavaScript

    超軽量なホバーカルーセルを実装できる「Hover Carousel」

    Hover Carouselは超軽量なホバーで動作するカルーセルを実装…

  4. flexible-bootstrap-carousel
  5. xGallerify

    JavaScript

    サイズが異なる画像でもキレイに表示できるギャラリー実装「xGallerify」

    xGallerifyはギャラリーを作成するのに最適なjQueryプラグ…

  6. FlexSlider

    JavaScript

    jQueryプラグインのレスポンシブな軽量スライダー「FLEXSLIDER」の使い方や設定方法

    すごくいいですね、これ。スマートフォンにも対応させたいスライダーを探し…

コメント

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

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

最近の記事

  1. 16インチMacBook Pro
  2. レトロスペクティブ V2.0
  3. YAECA ワイドテーパードデニム 10-13WW

アーカイブ

PAGE TOP