(Ajax)Google(http://www.google.co.jp/ig?hl=ja)にて左上にコンテンツ追加というボタンがあります。


このGoogleみたいにリンクをクリックすると別の窓が表示され、その窓のスペースを確保するため表示されていた元のHTMLページが自動的に縮小するようなページの作り方を教えてください。

又、参考になるHPもありましたらお願いいたします。(Ajax関連ではなくこの質問に関するもの)

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2006/01/11 17:37:00
  • 終了:--

回答(2件)

id:Takumu No.1

Takumu回答回数25ベストアンサー獲得回数22006/01/12 13:35:41

ポイント30pt

上記サイトのDemosの中にある「ACCORDION」とかはどうでしょうか?

id:esecua

回答ありがとうございます。

2006/01/12 13:51:26
id:ito-yu No.2

ito-yu回答回数323ベストアンサー獲得回数142006/01/12 21:41:22

ポイント20pt

http://www.tohoho-web.com/css/

とほほのスタイルシート入門

まず、あなたが求めている機能は、Javascriptでcssのdisplay/widthプロパティを徐々に変更するだけで実現できます(ajaxとは関係なし)。

左のメニューは、元々はdisplay:none;となっていて(見えない)、リンククリックと同時にdisplay:block;に変更し、widthを小さい値から徐々に大きな値に変更、という処理で徐々に広がっていく窓を実現しています。

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません