横に飛び出すメガメニューを実装するjQueryプラグイン・JQUERY VERTICAL MEGA MENU - かちびと.net
最近かなり見かけるようになった印象の、 大量のコンテンツを格納するメガメニュー の横に飛び出すタイプ。jQueryで実装して います。メガメニューはECサイトやポータル サイトなどなど、階層の深いWebサイトにて ユーザビリティ向上に貢献してくれます。 何度もクリックしないと目的の場所に到達できない、という設計はユーザーに取って不便ですし、離脱率も上げてしまいがちですので、大量のコンテンツを保有するWebサイトではこういったメガメニューの導入を検討するのも良いかも知れません。 メガメニューはドロップダウン形式が多いのですが、今日ご紹介するスクリプトはサイドメニュータイプです。 見た目はよくあるサイドナビゲーションメニューですが、マウスを乗せると横に関連ページなどが整理された状態で飛び出しますので視覚的にもコンテンツを探しやすそうです。 画像を含めてあげるのもなかなか効果高そうですな。 コー
jQueryでアクセシブルなプルダウンメニューを実装
jQueryでアクセシブルなプルダウンメニューを実装 jQuery2011年5月21日 プルダウンメニューはjQueryをはじめ、多くの実装方法が紹介されていますが、キーボード操作に対応したプルダウンメニューを実装しているスクリプトは少ないです。 しかしながら昨今、ますますアクセシビリティ対応が求められるようになってきています。 そこで、グローバルメニューのプルダウンメニューもキーボード操作に対応する（アクセシビリティ対応をする）ことで、サイトの品質を向上させられればと思い、実装してみました。 方法としては、jQueryのプラグイン「Droppy」を改良することで、実現してみました。その方法をご紹介いたします。 jQueryはこちらからダウンロード プラグイン「Droppy」 実際のサンプル HTML <div id="nav-global"> <ul> <li><a href="#">親
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
