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

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

●質問者: izumi6878
●カテゴリ:インターネット ウェブ制作
✍キーワード:JavaScript センター ボタン マウス 画像
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● irhnhhtn
●27ポイント

ダミー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";

}


2 ● irhnhhtn
●27ポイント

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

ダミー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にしてください。


3 ● Asuca
●26ポイント

200選 超簡単Java Script

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

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

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

関連質問


●質問をもっと探す●



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