Flash Playerのような展開表示をJS/ASP/PHPで…。

質問

いつもお世話になっております。

本日は、リンクボタンをクリックすると、そのリンクの下に他のメニュー等が展開するようなものについて、下記のサイトに近いものをjavascript、もしくはphpやaspなどで製作できないかと思い、ご質問させていただきます。

http://www.adobe.com/jp/products/flash/

adobe社の公式サイト（Flash Playerのページ)なのですが、こちらのページ左側にある"30日無償体験版"の下にある
『本製品を含む～…』から『購入方法』と並んである数個のリンクと同様の動作を
javascript、もしくはphpやaspなどで再現できないかと思っております。

滑らかな表示等は無理だとは思いますが、なにか方法がございましたら
ご教授ください。無理or非常に難しい、とご判断いただける場合その一言だけでも投稿いただけますとうれしいです。
よろしくお願いいたします。

回答No.1

mindatg · ベストアンサー

aspならAjaxControlToolkitだかにCollapsibleだかAccordionだかのコンポーネントがあるので、それを利用すれば比較的簡単にできたりします。

JavaScriptもAccordionでググれば似たような事やってるサンプルが出てくるかと。

補足

ありがとうございます。
Accordion、という単語をはじめて耳にしました。

おかげさまで希望していたものを作成することができました。
ありがとうございます

回答No.3

fujillin

この手のライブラリはたくさんあるみたいです。
以下はごく一例です。（動作はクリック時に設定されているみたい）
prototypeを利用：
　http://nettuts.s3.amazonaws.com/015_Accordion/accordion-final.html
mootoolsを利用：
　http://demos.mootools.net/Accordion
jQueryを利用：
　http://allabout.co.jp/internet/javascript/closeup/CU20071215A/index3.htm#3

ご質問のページは、自社製のSpryを使用しているみたい。
Spryの動作もクリック時らしいけど、マウスオーバーに改造した内容が書いてあるサイトがあった。
　http://herrkf.com/webtech/static/080313-accordion/

お礼

ありがとうございます。
jQueryの記事を斜め読みしていますが、使いこなせるといろいろと幅が出そうですね…。

まだ少し時間はかかりそうですが勉強してみたいと思います☆
ありがとうございました！

回答No.2

k_mamas

確かJavaScriptとCSSのみで可能だったかと思いますが、
滑らかな表示の方法はちょっと忘れてしまいました・・・

参考URLの「超絶？テクニック」というところに、
近い処理がありましたので、載せておきますね。

参考URL：

http://www.stylish-style.com/csstec/csstec-top.html

お礼

ありがとうございました。

ＣＳＳでもこういったことが可能なのですね。
ＵＲＬのサイトでは水平線の変化などいろいろと勉強になりました。

ありがとございますm(_ _m)