画像のボタンにマウスをあてると下に画像メニューを表示させて、マウスが離れるとメニューが消えるようにしたいと思います。ページがセンター合わせなのですが、JavaScriptやDHTMLなどで何か良い記述方法はありますでしょうか?

教えてください。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2006/12/06 14:10:11
  • 終了:2006/12/13 14:15:02

回答(3件)

id:irhnhhtn No.1

irhnhhtn回答回数15ベストアンサー獲得回数02006/12/06 14:43:34

ポイント27pt

ダミーurl

http://yahoo.co.jp

javascriptで可能ですよ。

ボタンのonmouseoverイベントとonmouseoutイベントで、divの中を書き換えてあげればよいです。

例)

[HTML]

<input type="button" onmouseover="fncAddMenu();" onmouseout="fncDelMenu();" />

<div id="TargetDiv" />

[Javascript]

function funcAddMenu(){

document.getElementById("TargetDiv").innerHTML = "123";

}

id:irhnhhtn No.2

irhnhhtn回答回数15ベストアンサー獲得回数02006/12/06 14:44:43

ポイント27pt

すみません、途中で送ってしまいました。

ダミーurl

http://yahoo.co.jp

javascriptで可能ですよ。

ボタンのonmouseoverイベントとonmouseoutイベントで、divの中を書き換えてあげればよいです。

例)

[HTML]

<input type="button" onmouseover="fncAddMenu();" onmouseout="fncDelMenu();" />

<div id="TargetDiv" />

[Javascript]

function funcAddMenu(){

document.getElementById("TargetDiv").innerHTML = "123";

}

function funcDelMenu(){

document.getElementById("TargetDiv").innerHTML = "";

}

※上記の123を画像メニューのHTMLにしてください。

id:Asuca No.3

Asuca回答回数281ベストアンサー獲得回数42006/12/06 20:53:02

ポイント26pt

200選 超簡単Java Script

http://www14.plala.or.jp/sugachuu/JavaScript/index3.html

ここの 41.マウスオーバー絵表示はどうですか?

http://www14.plala.or.jp/sugachuu/JavaScript/2002/ehyouji.html

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

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

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

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

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