デザインを開発すると言う視点でお伝えするクリエイティブBLOG「DeisngDevelop」

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

Category： WEBデザイン.

この記事を読んだ人はこんな記事も読んでいます

  • No Related Post
Post a comment or leave a trackback: Trackback URL.
add to hatena hatena.comment (38) add to del.icio.us (0) add to livedoor.clip (5) Total: 43

One Trackback

  1. By jQueryで実現するリッチな表現のメニュー「10 Fresh jQuery Tutorials to Enhance Navigation Menus」 | DesignDevelop « とっても！　ちゅどん（雑記帳） on 2009/10/17 土曜日 at 11:53:12

    [...] jQueryで実現するリッチな表現のメニュー「10 Fresh jQuery Tutorials to Enhance Navigation Menus」 | DesignDevelop jQueryで実現するリッチな表現のメニュー「10 Fresh jQuery Tutorials to Enhance Naviga… [...]

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*