TOP > WebDesign > jQueryで実現するリッチな表現のメニュー「10 Fresh jQuery Tutorials to Enhance Navigation Menus」

2009年10月16日

jQueryで実現するリッチな表現のメニュー「10 Fresh jQuery Tutorials to Enhance Navigation Menus」

軽量のjavascriptライブラリとして幅広く利用されているjQuery。その機能は多岐にわたり様々なプラグインやパッケージが後悔されていますが、今日紹介するのはjQueryの中でもナビゲーションに絞って紹介しているエントリー「10 Fresh jQuery Tutorials to Enhance Navigation Menus」です。

jquery_nav_01
Horizontal Scroll Menu with jQuery Tutorial

詳しくは以下

■Spritemenu
フェードインやアコーディオンなどのマウスオーバーアクションが付けられるメニュー

jquery_nav_02
　
　
　
　
　
■Sexy Drop Down Menu w/ jQuery & CSS
FLASHメニューのようなスムーズなアニメーションを見せるドロップダウンメニュー

jquery_nav_03
　
　
　
　
■A Simple and Beautiful jQuery Accordion Tutorial
クリックで開閉アコーディオンするシンプルな縦型メニュー

jquery_nav_04
　

上記の他にも沢山のメニューが紹介されています。ナビゲーションは最もユーザーがもっと目に触れる部分なだけにこういったjQueryで演出を行えばユーザーの印象も返ることができるのではないでしょうか？サイトにアクセントを付けたいと思っている方は原文も是非ごらんください。

10 Fresh jQuery Tutorials to Enhance Navigation Menus | Web Design Ledger

※当サイトのに掲載されている一部画像、スクリ－ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればこちらからご連絡ください。即刻削除いたします。

posted 11:54 |

Category: WebDesign

tag:

Sponsor

最近の記事

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください【商用可】アナログ感のあるドローイングフリーフォント「THRONE」アイコンサイズやカラーを選んでSVGで出力できる「ICONSVG」子どもをイメージしたフリーフラットアイコンセット「Download free Childhood flat icons set」クリエイター向けモックアップテンプレートまとめ「15 Free Hero & Scene Creator Mockup Templates for Photoshop」バレンタインを楽しく演出するフリーアイコンセット「50 free valentines themed icons」インスタグラムの投稿をおしゃれに彩るフリーテンプレートまとめ「10 Free Instagram Story Templates」花を抽象的にイメージしたパターン素材「Art Dimension abstract patterns」個性的なラインナップを楽しめるフリーアイコンセット「Emojious Icons」最新のクリエイティブなフリーフォントまとめ「20 New Free Fonts For 2019」

このブログを購読する

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ－ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに！をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください

Template deisgn by iDEACLOUD inc.

トップに戻る