CSSとJavaScriptによるドロップダウンメニューの作成方法


このエントリをはてなブックマークに追加このエントリをYahoo!ブックマークに追加このエントリをFC2ブックマークに追加このエントリをBuzzurl(バザール)に追加このエントリをNifty Clipに追加このエントリをLivedoor Clipに追加

CSSのみで作るドロップダウンメニューやJavaScriptのみの方法、それらが混在した方法などがあるが、アクセシビリティなど云々を取っ払って、一番使いやすいのは

JavaScript + Ajax 実践サンプル集さんのドロップダウンメニューだと思う。
http://jsajax.com/DropDownMenuArticle286.aspx

CSSオンリーはコードが複雑になりがちだし、JavaScriptオンリーの場合はさすがにSEO関連の問題もある。Flashもしかり。この辺はサイトの性質やブランディングによって判断すれば良いが、このサンプルは汎用性的に使えるし、わかりやすい。

ただ、サンプルそのものの状態ではクロスブラウンジングされていないので、CSSを少しいじれば(submenuにwidthを指定するなど)問題ない。


このエントリをはてなブックマークに追加このエントリをYahoo!ブックマークに追加このエントリをFC2ブックマークに追加このエントリをBuzzurl(バザール)に追加このエントリをNifty Clipに追加このエントリをLivedoor Clipに追加

タグ: , ,

コメントをどうぞ