ホームページ作成→カーソルを持っていくと画面が大きくなる作成方法を教えて下さい

質問

MSNのホームページで最近見るような、小さい画面にカーソルを持っていくだけで画面が大きく表示され、内容説明が出てくるというような画面を作成したいのですが、その作成方法教えて頂けないでしょうか？
Dream weaver CS3を使用して作成出来ればと思います。
どうぞ宜しくお願い申し上げます。

回答No.2

神崎 渉瑠（@taloo） · ベストアンサー

> Dream weaver CS3を使用して作成出来ればと思います。

(1) レイヤーを挿入し文章を記述
(2) レイヤー全体を選択（レイヤーの枠をクリック）し、
プロパティのIDを適宜指定（初期値としてLayer1、Layer2という連番で入っています）、可視性をhiddenにする
(3) 小さい画像を選択し、ビヘイビアウインドウから、
onmouseoverにレイヤーの表示、onmouseoutにレイヤーの非表示イベントを追加

MX2004の方法ですが、CS2でも大して変わらないと思います。
Dreamweaverが作るコードが気に入らなければ、JavaScriptを勉強して、自分で気に入るようなコードを書いて下さい。

レイヤーのスタイルのheightを消すかautoにしておくと、文字サイズや文章の長さに応じて高さがかわるようになります。

お礼

ご丁寧にありがとうございました。
こちらの方法でやってみます。
何しろ初心者なので助かりました。

回答No.3

神崎 渉瑠（@taloo）

ああっΣ（￣▽￣）
CS2じゃなくてCS3のまちがい。
ま、MX以降ならどれも操作性や機能は大きく変わらないと思いますので。

回答No.1

noname#56882

JavaScriptを使用すると可能だと思います。
http://okwave.jp/qa2855181.html
上記で同じような質問がありましたので参考になさってください。

お礼

早速のご回答ありがとうございました。
こちらを参考にいろいろいじってみようと思います。
本当にありがとうございました。