Ajax-スライド式メニュー-ドロップダウン式
Ajaxでデザインのいいスライド式メニューを探すのは結構大変。
そこで日本でも一般的に広まっているFancy Sliding Tab Menu using script.aculo.usを使ってみた。
名前の通り、prototypeのscript.aculo.usを使っている。
動きは滑らかでかっこいい。
jsファイルも数十行とシンプルに書かれていて良いと思う。
標準のスライド式はスライドアップ（SlideUp）だがスライドダウン(SlideDown)にするには以下のようにしたい。
そこで日本でも一般的に広まっているFancy Sliding Tab Menu using script.aculo.usを使ってみた。
名前の通り、prototypeのscript.aculo.usを使っている。
動きは滑らかでかっこいい。
jsファイルも数十行とシンプルに書かれていて良いと思う。
標準のスライド式はスライドアップ（SlideUp）だがスライドダウン(SlideDown)にするには以下のようにしたい。
.panel{
bottom:auto; /* 0px スライドアップ 指定なし スライドダウン */
}
CSSでスライドするパネルのbottomを変えるだけ。
それでもうまくいかない場合は、#accordionの高さを変えてあげると良いだろう。
以上。
デザインマークへ登録する
この記事に対するコメント