JavaScriptライブラリのjQueryのプラグインを利用して出来るサンプルです。
jQueryは、John Resig によって開発されたJavascriptライブラリで、AjaxやDOMプログラミングコードを「簡潔・簡単」に書けます。
ここでは、メニュー関連のjQueryプラグインを紹介しています。

シンプルなサイドメニュー表示jQueryプラグイン「jQuery Sidebar」サンプル

シンプルなサイドメニュー表示jQueryプラグイン「jQuery Sidebar」

表示させる要素が限られているWEBサイト。 特にスマートフォン向けではメニューなどをトグルで表示させることが多いかと思います。 こんな時はシンプルにサイドバーを表示させるjQueryプラグインjQuery-sidebarはいかがでしょうか。

via:jQuery-sidebar

クリックするとサイドからメニューを表示させられるjQueryプラグイン「Scotch Panels」サンプル

クリックするとサイドからメニューを表示させられるjQueryプラグイン「Scotch Panels」

スマホでよく見る右上の三本線をタップしたらメニューを表示するやつ。 あれをjQueryプラグイン「Scotch Panels ♥ jQuery Off Canvas Menus and Panels Plugin」を利用することでさくっと実現できます。

via:stickUp

位置を固定したメニューを作るjQueryプラグイン「stickUp」サンプル

位置を固定したメニューを作るjQueryプラグイン「stickUp」

WEBサイトのトレンドである縦長ページにおいてメニューを上部に固定することが多くなっています。 これにより、現状どこを見ているのか、またどこまでページが続くのかなど明示できユーザーにとって優しくなります。 stickUp - a free jQuery Pluginにより簡単に導入できます。

via:stickUp

いますぐ導入!jQueryプラグイン「Naver」でスマホ対応レスポンシブメニューサンプル

いますぐ導入!jQueryプラグイン「Naver」でスマホ対応レスポンシブメニュー

ウィンドウサイズを変えたら自動でメニューを折りたたんでくれるサイトありますよね。 jQueryプラグインのNaverを利用すると、これがいますぐ導入できます。

via:Naver

わさっ!っと広がるメニューを作れるjQueryプラグイン「jQuery Wheel Menu」サンプル

わさっ!っと広がるメニューを作れるjQueryプラグイン「jQuery Wheel Menu」

一時SNSアプリPathで話題になったメニューの表示方法をあなたのサイトにも。 ということで、クリックなどでわさっと格納されているメニューが広げて表示できるjQueryプラグインjQuery Wheel Menuです。

via:jQuery Wheel Menu

jQueryプラグインでレスポンシブなメニューを作る「MeanMenu」サンプル

jQueryプラグインでレスポンシブなメニューを作る「MeanMenu」

昨今流行っているレスポンシブ・ウェブデザインですが、メニューの扱いに悩むことがあるかもしれません。 jQueryプラグインのMeanMenuを利用すれば、ウィンドウサイズに応じてメニューを最小化してくれます。 よくあるスマホサイト風になり、お悩みが解消されるかもしれません。

via:MeanMenu

スマホサイトでよく見る感じのサイドからにゅっと出てくるメニューをjQueryプラグイン「Sidr」で作るサンプル

スマホサイトでよく見る感じのサイドからにゅっと出てくるメニューをjQueryプラグイン「Sidr」で作る

Facebookをはじめスマートフォンサイトやアプリでは、メニューをタップするとサイドからにゅっと出てくるメニューが導入されて久しいです。 今回はSidr - A jQuery plugin for creating side menusを利用して、にゅっと出してみましょう。

via:Sidr

簡単!jQueryプラグインで独自右クリックメニューを作る「contextmenu」サンプル

簡単!jQueryプラグインで独自右クリックメニューを作る「contextmenu」

PCで右クリックをするとショートカットメニューが表示されます。 これを自分のサイトオリジナルに作成できるjQueryプラグインgoker.cebeci / contextmenuを紹介します。

via:contextmenu

円状のメニューを作成できるJavaScript「Extremes」サンプル

円状のメニューを作成できるJavaScript「Extremes」

メニューを円状に置けるとデザインの幅が広がり、面白い表現ができそうです。
jQueryプラグインのExtremes jQuery plug-inを利用すると簡単に実現できます。

via:Extremes jQuery plug-in

PCスマフォ両用できる階層メニューを実現するjQueryプラグイン「Simple Responsive jQuery Navigation Plugin」サンプル

PCスマフォ両用できる階層メニューを実現するjQueryプラグイン「Simple Responsive jQuery Navigation Plugin」

昨今はレスポンシブデザインが流行している感じですが、Simple Responsive jQuery Navigation Pluginを利用すると、階層化されたメニューもいい感じで対応してくれます。

via:Simple Responsive jQuery Navigation Plugin

jQueryでスマフォ版Facebookライクなメニュー表現を実現する「PageSlide」サンプル

jQueryでスマフォ版Facebookライクなメニュー表現を実現する「PageSlide」

スマフォ版Facebookでは左上をタップするとメニューが表示されます。
最近のスマートフォンサイトでは多くみられるこの表現を、jQueryプラグイン「PageSlide」で実現しましょう。

via:PageSlide

FLASHぽいメニューを簡単導入「jQuery flashy navigation」サンプル

FLASHぽいメニューを簡単導入「jQuery flashy navigation」

メニューにマウスオーバーした時にFLASHっぽくアニメーションさせられるjQuery flashy navigation with easing and hoverIntentを紹介します。

via:jQuery flashy navigation with easing and hoverIntent

スクロールしてもついてくるメニューをjQueryプラグインで作るサンプル

スクロールしてもついてくるメニューをjQueryプラグインで作る

スクロールを簡単に取得実行できるjQuery Waypointsを使用して、スクロールしてもついてくるメニューを作れます。

via:Sticky Elements with jQuery Waypoints

jQueryで常に所定の場所にサイドカラムを表示させるプラグイン「Contained Sticky Scroll」サンプル

jQueryで常に所定の場所にサイドカラムを表示させるプラグイン「Contained Sticky Scroll」

よくサイトの右上に必ずついてくる情報ボックスやメニューがあります。 邪魔という意見もありますが、必要な情報にすぐにリーチ出来るのならあってもいいのではないでしょうか。 これをjQueryプラグインのContained Sticky Scrollで実現しましょう。

via:Contained Sticky Scroll

見出しを自動で付けてスムーススクロールさせるJavaScript「OnePage jQuery Plugin」サンプル

見出しを自動で付けてスムーススクロールさせるJavaScript「OnePage jQuery Plugin」

昨今ミニマムな1ページのデザインが増えています。 その際にJavaScriptを使用し、セクションごとにスムーススクロールさせるケースが多いです。 それを簡単に実現するのが「OnePage jQuery Plugin」です。

via:OnePage jQuery Plugin

一味違ったCUBE型のメニューを作れるjQueryプラグイン「onCube」サンプル

一味違ったCUBE型のメニューを作れるjQueryプラグイン「onCube」

一味違ったメニューを作成できるjQueryプラグインonCubeを紹介します。 これであなたのサイトも違うねーと言われることうけあいです。

via:onCube

jQueryを使って自動で見出しを作るプラグイン「jQuery Headerlinks Plugin」サンプル

jQueryを使って自動で見出しを作るプラグイン「jQuery Headerlinks Plugin」

ページが長くなるとページ内アンカーなどで飛ばすことがあるかと思いますが、なかなかの手間です。 そんな面倒臭がりなあなたにjQuery Headerlinks Pluginを紹介します。 これを使用するとhNに自動でアンカーリンクを付け、インデックスを表示してくれます。

via:jQuery Headerlinks Plugin

自動で目次化してくれるJavaScript「Indexer」サンプル

自動で目次化してくれるJavaScript「Indexer」

ページが長くなると目次化してページ内リンクを付けて・・・ といった作業が必要になりますが、jQueryプラグインの「Indexer」なら、この作業を自動化してくれます。

via:Indexer

メガメニューを簡単に実現するJavaScript「jQuery Mega Menu」サンプル

メガメニューを簡単に実現するJavaScript「jQuery Mega Menu」

グローバルメニューにドロップダウンでサブカテゴリまで表示させることがあります。 でもECサイトなどではサブカテ多すぎて・・・なんて方にメガメニューをお勧めします。 JavaScriptを使用して簡単に導入できるjQuery Mega Menu | GeekTantraを紹介します。

via:jQuery Mega Menu | GeekTantra

メニューのマウスオーバーを効果的にするJavaScript「jQuery Sliding Menu (AKA Lavalamp)」サンプル

メニューのマウスオーバーを効果的にするJavaScript「jQuery Sliding Menu (AKA Lavalamp)」

一番目立つメニューを印象的にすることで、サイト内の回遊性向上が期待されるかもしれません。 jQuery Sliding Menu (AKA Lavalamp)を利用するとマウスオーバーを効果的にすることが可能です。

via:jQuery Sliding Menu (AKA Lavalamp)

さまざまな色のメニューを簡単に作成!「jQuery CSS Menu Style 06」サンプル

さまざまな色のメニューを簡単に作成!「jQuery CSS Menu Style 06」

メニューはサイトを構成する重要な要素の一つです。 そんなメニューを手軽にかつさまざまな色で作成できるjQuery CSS Menu Style 06 を紹介します。

via:jQuery CSS Menu Style 06

独自の右クリックメニューを導入できるJavaScript「a jQuery context menu plugin」サンプル

独自の右クリックメニューを導入できるJavaScript「a jQuery context menu plugin」

マウスの右クリックで表示されるメニューをコンテキストメニューと呼ぶようです。 ショートカット的に使用できるこのコンテキストメニューをサイト独自に設定できると便利ですね。 jQueryプラグインJeegoocontext, a jQuery context menu pluginで導入しましょう。

via:Jeegoocontext, a jQuery context menu plugin

メガドロップダウンメニューをjQueryとCSSで作る:via Mega Drop Down Menus w/ CSS & jQueryサンプル

メガドロップダウンメニューをjQueryとCSSで作る:via Mega Drop Down Menus w/ CSS & jQuery

サイトが巨大化するにつれ、多くの情報を一度に見せられる方法が運営者に求められています。 それを解決する一つの手段がメガドロップダウンメニューです。 一見、ユーザビリティ上好ましく見えないかもしれませんが、ユーザビリティの第一人者「Jakob Nielsen」はAlertbox: メガドロップダウン式のナビゲーションメニューは効果あり(2009年03月23日)と述べています。 今回はjQueryを利用して、メガドロップダウンメニューを作成してみたいと思います。

via:Mega Drop Down Menus w/ CSS & jQuery

CSS Spriteの手間を軽減するJavaScript「AutoSprites - A jQuery Menu Plugin」サンプル

CSS Spriteの手間を軽減するJavaScript「AutoSprites - A jQuery Menu Plugin」

CSS Spriteを利用している方も多いと思いますが、その記述・メンテナンスが少し面倒に感じなくもありません。 jQueryプラグインのAutoSprites - A jQuery Menu Plugin - New Media Campaignsを使用するとその手間が軽減されます。

via:AutoSprites - A jQuery Menu Plugin - New Media Campaigns

JavaScriptライブラリjQueryで簡単サブメニュー「Horizontal Subnav with CSS」」サンプル

JavaScriptライブラリjQueryで簡単サブメニュー「Horizontal Subnav with CSS」

マウスがメニューに乗った時にそのカテゴリのサブメニューを表示させるテクニックがあります。 JavaScriptライブラリのjQueryを使用すると簡単に実現可能です。

via:Horizontal Sub-nav with CSS & jQuery - Subnavigation Tutorial - CSS Tutorial - jQuery Tutorial

メガメニューをJavaScriptで作る:via 「Make a Mega Drop-Down Menu with jQuery」サンプル

メガメニューをJavaScriptで作る:via 「Make a Mega Drop-Down Menu with jQuery」

昨今海外サイトを中心に流行りの兆しを見せているメガメニュー。 メニューに関する情報を一覧で見せられるのでユーザビリティにも良いと言われています。

via:Make a Mega Drop-Down Menu with jQuery

印象的なメニューを作成するJavaScript「Kwicks for jQuery」サンプル

印象的なメニューを作成するJavaScript「Kwicks for jQuery」

サイトの重要な要素メニューを印象的にすることで、回遊性をもたらせることができるかもしれません。 Kwicks for jQuery and an awesome horizontal animated menuではJavaScriptを使用し、マウスオーバー時に良い動きで人の目をひきつけます。

via:Kwicks for jQuery

要素を3D風にぐるぐる回すJavaScript「jQuery 3D」サンプル

要素を3D風にぐるぐる回すJavaScript「jQuery 3D」

単純に要素を置くだけではつまらないので、3D風にぐるぐると回してみましょう。

via:jQuery 3D

マウスオーバーをかっこよく見せるJavaScript「Animated Hover」サンプル

マウスオーバーをかっこよく見せるJavaScript「Animated Hover」

マウスオーバーを印象的にするとリンクが注目されクリックされやすくなるかもしれません。 jQueryプラグインのAnimated Hoverでは、マウスオーバーのタイミングでアニメーションを加えてくれます。

via:Animated Hover

マウスホイールでもスクロールさせられるJavaScript:via jQuery TOOLSサンプル

マウスホイールでもスクロールさせられるJavaScript:via jQuery TOOLS

最近のマウスにはホイールがついていることも多いので、スライドさせるJavaScriptでもこれが使えると便利です。 horinaja for scriptaculous or jQueryではこれをjQueryまたはscriptaculousで実現可能です。今回はjQueryで。

via:horinaja for scriptaculous or jQuery

マウスホイールでもスクロールさせられるJavaScript:via jQuery TOOLSサンプル

マウスホイールでもスクロールさせられるJavaScript:via jQuery TOOLS

要素をスクロールさせられるJavaScriptは結構ありますが、今回のようにマウスホイールでスクロールさせられるのはなかったのではないでしょうか。 jQuery TOOLS / Scrollable - Scroll your HTML with eye candyは高機能なスクロールJavaScriptです。

via:jQuery TOOLS / Scrollable - Scroll your HTML with eye candy

マウスオーバーを格好よくするJavaScript「Create a Realistic Hover Effect With jQuery」サンプル

マウスオーバーを格好よくするJavaScript「Create a Realistic Hover Effect With jQuery」

マウスオーバーで色とか形を単純に変えるだけでは物足りないという方に。 Create a Realistic Hover Effect With jQueryは影をつけるなどリアルなエフェクトを付与できます

via:Create a Realistic Hover Effect With jQuery

垂直にスクロールさせるメニューをJavaScriptで「Horizontal Scroll Menu with jQuery」サンプル

垂直にスクロールさせるメニューをJavaScriptで「Horizontal Scroll Menu with jQuery」

垂直にスクロールさせるメニューを、印象的にJavaScriptで作ります。

via:Horizontal Scroll Menu with jQuery

でっかいメニューをJavaScriptで作る「Cut & Paste jQuery Mega Menu」サンプル

でっかいメニューをJavaScriptで作る「Cut & Paste jQuery Mega Menu」

表示したい関連リンクなどが多いとき、こんな風に表現すると面白いかもしれません。 Cut & Paste jQuery Mega Menuを利用するとマウスを乗せたときに中身がどばっと表示されます。

via:Cut & Paste jQuery Mega Menu

jQueryでメニューをわかりやすくする「Side Navigation Tooltip / Popup Bubble」サンプル

jQueryでメニューをわかりやすくする「Side Navigation Tooltip / Popup Bubble」

メニューのテキストは可能な限り短くかつわかりやすくしますが、なかなか一発で伝えにくいものです。 そんな時、各メニューに対する説明を明示すると、ユーザーフレンドリーになり、クリック率も上がるかもしれません。 今回はJavaScriptライブラリのjQueryを使用して実現します。

via:Side Navigation Tooltip / Popup Bubble

iPhoneライクにスクロールさせるJavaScript「OverScroll」サンプル

iPhoneライクにスクロールさせるJavaScript「OverScroll」

iPhoneのスムーズなスクロールをJavaScriptライブラリ「jQuery」で実現しました。

via:OverScroll

リストをスムーズ動かすJavaScript「jQuery scrollList」サンプル

リストをスムーズ動かすJavaScript「jQuery scrollList」

リストを記述することが多いと思いますが、長くなったときに見づらくなります。 そんな時、省スペース化して、リストを自動スクロールさせれば、見やすくかつ印象的になります。

via:jQuery scrollList

jstickyfloat

要素を指定の場所に追随させるJavaScript「stickyfloat」

メニューなどの要素を指定の位置に常に表示するためにはposition:fixed;があります。 しかし、IEがサポートしていなかったり、topからの位置に追随してしまいます。 そこで、JavaScriptライブラリのjQueryプラグイン「stickyfloat」を利用し、諸問題を解決しましょう。

via:stickyfloat

jBgpos

jQueryでメニューのマウスオーバーをかっちょよくするJavaScript「jQuery Background Position」

かっちょよくシリーズ第2弾。。。 jQueryを使用してメニューのマウスオーバーを印象的にしてみます。

via:jQuery Background Position

jflexaccordion

jQuery製で柔軟性の高いアコーディオンメニュー「Flexible Accordion」

クリックするとメニューが開くアコーディオンと呼ばれるメニューがあります。 jQueryプラグインのFlexible Accordionは、さまざまなオプションを指定できる柔軟性の高いメニューを作れます。

via:Flexible Accordion

jFloatingmenu

jQueryでメニューを固定位置に追随させる:Live floating menu

いろいろなサイトでメニューを固定&追随させています。 今回はJavaScriptでこれを実現させてみます。

via:Live floating menu

jqtouch

appleに倣え!jQueryで作るiPhoneライクなUI「jqtouch」

いまや持っているのが当たり前になったiPod関連商品のUIをまねしてみましょう。 以前、「iPhone」風UIを実現するJavascript「iUI.js」でも紹介したUIをjQueryのプラグインjQTouchで実現可能になりました。

via:jQTouch

jTabbed

jQueryでタブメニューを作る(プラグインなし)

JavaScriptライブラリのjQueryには数多くのプラグインがあり、それを利用することで簡単にリッチなコンテンツを作成できます。 今回はその流れに逆らい、プラグインなしでタブメニューを作成してみたいと思います。

via:Tabbed Structure

jSkioTabs

マウスオーバーでもタブメニューを開閉できるJavaScript「SkiyoTabs」

タブはITリテラシーの低いユーザーにとって、ただの飾りに見えることもあるようです。 こういう視点から見ると、タブメニューはクリック時だけでなく、マウスオーバー時にも切り替わるとよいのかもしれません。 SkiyoTabsは簡単にマウスオーバーも可能にしてくれるJavaScriptです。

via : SkiyoTabs

jCarousel

要素を回転表示させるJavaScript「jQuery Carousel」

amazonなどでは、書籍を回転表示させ一覧性と省スペースを兼ね備えています。 jQuery Carouselを使用することで、似たよう表示が可能です。

via : jQuery Carousel

jmyAccordion

お手軽アコーディオンJavaScript「myAccordion - plugin jQuery」

アコーディオンをお手軽に導入できるJavaScript「myAccordion - plugin jQuery」です。 これでコンテンツを収納できるようになります。

via : myAccordion - plugin jQuery

jsimpleTabs

JavaScriptで作るシンプルなタブメニュー「simpleTabs 」

タブメニューの導入には手間がかかります。 また、既存のjsだと余計な機能が入っているケースも多いです。 jQueryプラグイン「simpleTabs」は機能を絞りながら、十分に役立つJavaScriptです。

via : simpleTabs

jssubnav

JavaScriptでスライド式のナビゲーションメニューを作る「Sliding Submenu」

ナビゲーションはサイト制作において非常に重要な要素です。 今回はユーザービリティならびに回遊性向上のため、jQueryプラグイン「Sliding Submenu」を使用してスライドするナビゲーションメニューを作成します。

via : Sliding Submenu

jBreadCrumb

パンクズを綺麗に見せるJavaScript「jBreadCrumb」

パンクズを設置することでユーザーがどこを見ているのかをわかりやすくできます。 おおかた地味な存在ですが、jQueryプラグインjBreadCrumbを使うと一味違う見せ方が可能です。

via : jBreadCrumb

jSemanticTabs

JavaScriptでタブメニューを簡単に作る「Semantic Tabs」

よくあるタブメニューをJavaScriptライブラリjQueryで簡単に作成できるSemantic Tabsを紹介します。 ※このjQueryプラグインは名の通り文章構造が非常にセマンティックです(後述)。

via : Semantic Tabs

jnavigmenu

ダブルクリックで表示させるメニューを作る「JQuery NavigMenu」

メニューはグローバルや左右に固定されているもの!・・・と、決め付けてはいませんか。 サイトの回遊性を上げるためにも、常に表示できるようにしておきたいものです。 JQuery NavigMenuでは、ダブルクリックで好きな場所にメニューを表示させられます。

via : JQuery NavigMenu

jac

スムーズにスクロールするカルーセルJavaScript「Just Another Carousel」

ECサイトを中心にわりと広がりつつあるカルーセル。 これを使用することで、省スペースで広がりのある見せ方が可能になりました。 jQueryプラグインの「Just Another Carousel」では、矢印などをクリックしたときだけではなく、要素へのマウスオーバーでもスクロールでき、さらに動きもスムーズです。

via : Just Another Carousel

jSSS

JavaScriptライブラリ「jQuery」で、いい動きのスライダーを作る「Start/Stop Slider」

画像の切り替えを行うことで閲覧者の興味をひきつけることができます。 現状、多くがFLASHを使用していたりしますが、敷居が高いのが難点でしょう。 今回紹介する「Start/Stop Slider」を使用することで、わりと簡単に導入が可能です。

via : Start/Stop Slider

jSpotlight

お手軽にタブ切り替えを行うJavaScript「Spotlight」

Yahooのトップページでも使用されているように画面遷移しないタブメニューはもはや必須になりつつあります。 そこで今回はjQueryプラグイン「jquery_spotlight」を使って、タブメニューを作るとともに、自動でコンテンツを切り替える方法を紹介します。

via : jquery_spotlight

jqNews

jQueryでニュースティッカーを作成するJavaScript「JqNews」

ポータルサイトやニュースサイトだけでなく、ECサイトなどでも最新情報を自動スクロールさせるニュースティッカーが多く見られます。 今回紹介するのは、それを縦型で実現した「JqNews」です。

via : JqNews

jCssDock

Dockメニューを上下に設置するjavascript「CSS Dock Menu」

Mac由来のメニュー「Dock」はアイコンでわかりやすいメニューを提供します。 CSS Dock Menuでは、CSSによってDockの位置を上下に指定できるようにしています。

via : CSS Dock Menu

jToc

ページの目次を自動で作成するjavascript「jqTOC」」

ページが長くなるとページ内リンクなどでユーザビリティを向上させます。
ただ運用が長くなると修正がいろいろ入り、リンク設定が間違ってくる可能性もあります。
今回はJavaScriptライブラリのjQueryでページ内の目次を作成する「jqTOC」を紹介します。

via : jqTOC

jAccordion

お手軽水平アコーディオンjavascript「haccordion」

タブメニューやアコーディオンメニューではjavascriptを用いて作成することがあります。 haccordionは水平方向のアコーディオンメニューをお手軽に導入することができます。

via : haccordion

jPanels

スライドするパネルを作成するjavascript「jQuery Sliding Panels」

限られたスペースを有効活用するため、または初めは隠しておきたいコンテンツがある。 そんな時はjQuery Sliding Panelsを使用すれば簡単に導入できます。

via : jQuery Sliding Panels

jToggleEle

簡単導入スライドjavascript「jquery.toggleElements.js」

既存のサイトに折りたたみ式のスライドを採用したいと思う人は多いでしょう。 しかし、導入にあたっては多くの障壁があるのが現状でしょう。 jquery.toggleElements.jsでは手間無く導入できてしまいます。

via : jquery.toggleElements.js

jNewsSlider

アクセッシブルなスライダーjavascript「Accessible News Slider」

巷にはスライダーのスクリプトが溢れていますが、W3Cの定めるWCAG 1.0.に準拠していないケースが多々あります。 Accessible News Sliderは完全に準拠し、javascriptがoffの環境でもアクセッシブルなスライダーを作成できるjavascriptを紹介しています。

via : Accessible News Slider

jContexMenu

右クリックのオリジナルメニューを作成するjavascript「jQuery Halo Context Menu」

ブラウザ上では右クリックをすることで、さまざまなショートカットメニューが表示されます。 jQuery Halo Context MenuはjQueryベースで、表示されるメニューをオリジナルで作成することができます。

via : jQuery Halo Context Menu

jShortKey

ショートカットキーを作成するjavascript「shortKeys」

ある文字をキーボードで打つと、ファイルを開くなど対応したプログラムが実行されます。 これをショートカットキーと呼びますが、サイト上でも使えるようにしたのが、shortKeys jQuery plug-inです。

via : shortKeys jQuery plug-in

jiconDock

Dockメニューを実現するjavascript「iconDock」

Macで採用されている「Dock」 一般的にはFisheyeと呼んでいたりしますが、マウスをのせると大きくなるメニューみたいなものです。 iconDockがjQueryベースで公開しています。

via : iconDock

SlidingMenu

動きのあるメニューを作成するjavascript「SlidingMenu」

ホームページを作る際メニューは重要な要素の一つになります。 わかりやすくかつ訪問者の興味を引きつけることが必要になります。 Get Into ThisではSlidingMenu用javascriptであるrb_menu.jsを公開し、動きのあるメニューを可能にしています。

via : Sliding menu

jSuckerFish

javascriptライブラリ「jQuery」でドロップダウン型メニューを作る

メニューにはさまざまありますが、ドロップダウン型のsuckerfishと呼ばれるスタイルは使い勝手がいいかもしれません。 今回はJavaScriptライブラリjQueryを用いてドロップダウン型のメニューを作成します。

via : jQuery suckerFish

jContextMenu2

右クリックのオリジナルメニューを作成するjavascript「ContextMenu plugin」

ブラウザ上で右クリックをするとショートカットキーが表示されます。 これをオリジナルで作成できるものをContext Menuと呼びます。 ContextMenu pluginでは、サイト独自のショートカットメニューを作成できるContext Menuのjavascriptを公開しています。

via : ContextMenu plugin

このエントリーを含むはてなブックマーク この記事をクリップ! Yahoo!ブックマークに登録 このエントリーをdel.icio.usに追加する