2008年7月16日水曜日

Appleのサイトで使われてるようなアコーディオン・メニューを実装したい

Appleのサイト(apple.com)で使われてるような折りたたみするメニュー - iPod + iTunesのページ(http://www.apple.com/itunes)で使われているやつ - がカッコいいなあと思ってたら簡単にマネできる方法があるみたいです。


Apple style Accordion Menu

上のサイトにjQueryとddaccordion.jsを使った実装方法の説明がありました。

jQueryとddaccordion.jsを読み込んだ後、ちょっとしたHTMLとJavascriptとCSSを記述するだけ!簡単です。
メニューの背景となる画像をあらかじめアップロードしておくのをお忘れなく。

0 件のコメント: