人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

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

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

●質問者: esecua
●カテゴリ:ビジネス・経営 コンピュータ
✍キーワード:Ajax Google HP HTML クリック
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● Takumu
●30ポイント

http://openrico.org/rico/home.page

Rico

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

◎質問者からの返答

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


2 ● ito-yu
●20ポイント

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

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

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

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ