facebookのスマートホンサイトなどでも採用されているサイドからスライドして表示されるメニューを実装できるプラグインを紹介します。
ちなみにこのサイドからスライドして表示される形式のメニューはドロワーメニューと呼ばれるようです。
表示領域の限られたスマートホンサイトではドロップダウンのメニューもよく見かけますが、格納する内容が多い場合などはコンテンツ位置を固定したままスクロールできるドロワーメニューの方が相性がよさそうですね。
Sidr
jQuery.mmenu
PageSlide
Drawer Slide Menu
jPanelMenu
Sidebar Transitions
ちなみにこのブログのスマートホン版では「Sidr」を利用しています。
それぞれ動作や格納するコンテンツのマークアップの仕方などが異なるので自身のWebサイトにあったものを選んでいただくとよいかと思います。
この記事を読んだ人はこんな記事も読んでいます
2011年4月11日 より良いナビゲーションにするためのjQueryプラグイン40個- 2011年1月7日 jQueryベースのグローバルナビゲーション20選
- 2011年3月22日 jQuery+CSSで実現する効果的な演出20選
- 2011年3月10日 様々なカレンダーを実装するjQueryプラグイン25選
