JQueryで簡単に作るドロップダウンメニューいろいろ
今回は、JQueryを使って簡単に導入できるドロップダウンメニューをいろいろとご紹介。
ブログなどでも利用できるシンプルなものをなるべくピックアップしてまとめてみました。
初心者の方には、マウスオーバー時のメニューのでかたがそれぞれ微妙に違っていたりするので、好みのエフェクトを見つけて使ってみてもいいかもしれませんね。
Simple jQuery Dropdowns
droppy – Nested drop down menus
デモ | ダウンロード
マウスオーバーでメニューが上から下にピロっとでます。
Create a multilevel Dropdown menu with CSS and improve it via jQuery
デモ | ダウンロード
こちらのメニューもいい感じのエフェクトがかかってます。
Superfish
デモ | ダウンロード
アルファがかかったエフェクトがいい感じです。
SuckerFish Style
デモ
こちらもアルファがかかったエフェクトです。
jQuery & CSS Example – Dropdown Menu
デモ
こちらは、シンプルなドロップダウンメニュー
jQuery Simple Drop-Down Menu Plugin
Drop down menu with jquery
mcDropdown jQuery Plug-in
デモ | ダウンロード
セレクトボックスも、JQueryでカスタマイズできます。
jquery.combobox.example.alternatestyle
デモ
こちらもなかなかいい感じ。
300+ Jquery, CSS, MooTools and JS navigation menus
JQueryだけでなく、MooToolsや他のJavaScriptなどでつくられたナビゲーションメニューが300種類以上もまとめられています。
|
|
|
2月 26th, 2009 at 6:46 AM
個人的には、jqueryでまとまってるものも嫌いではないですが、
ドロップダウンっていちいち面倒な感じが否めません。
実際に、リテラシーの低い層はどう思っているんだろうか？
2月 27th, 2009 at 7:09 AM
[...] JQueryで簡単に作るドロップダウンメニューいろいろ | DesignWalker JQueryで簡単に作るドロップダウンメニューいろいろ | DesignWalker 今回は、JQueryを使って簡単に導入できるドロップダウンメニューをいろいろ とご紹介。ブログなどでも利用できるシンプルなものをなるべくピックアップし てまとめてみました。初心者の方には、マウスオーバー時のメニューの… original article [...]