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

教えてください。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:
  • 終了:2006/12/13 14:15:02
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

回答3件)

id:irhnhhtn No.1

回答回数15ベストアンサー獲得回数0

ポイント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

回答回数15ベストアンサー獲得回数0

ポイント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

回答回数281ベストアンサー獲得回数4

ポイント26pt

200選 超簡単Java Script

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

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

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

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

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

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

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

回答リクエストを送信したユーザーはいません