javascriptのマウスイベントに関して質問です。

解決済

質問者：final2909
質問日時：2010/06/15 15:36
回答数：3件

javascriptのマウスイベントに関して質問です。
マウスが画像の上に乗ったら画像を切り替え、画像から離したら元の画像に戻すような
プログラムを作りたいのですが、うまくいきません。
マウスをもっていっても画像が切り替わりません。
プログラムは以下のように作りました。
どこが間違っているのかまったくわかりません。
よろしくお願いします。

<html>
<head>
<title>画像切り替え</title>
<script type="text/javascript">

</script>
</head>
<body>
<h2>画像切り替え</h2>
<div>
<img src="./sikaku.gif" name="gazoukirikae" alt="四角"
onMouseOver="changeillustmaru()" onMouseOut="changeillustsikaku()">
</div>
</body>
</html>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： zeff#1
回答日時：2010/06/15 16:28

とりあえずいま動かない原因から教えてあげないと。

document.gazoukirikae.src="./maru.gif;←ここ
ダブルクォーテーションで閉じ忘れてます。

<html>
<head>
<title>画像切り替え</title>
<script type="text/javascript">

</script>
</head>
<body>
<h2>画像切り替え</h2>
<div>
<img src="./sikaku.gif" name="gazoukirikae" alt="四角"
onMouseOver="changeillustmaru()" onMouseOut="changeillustsikaku()">
</div>
</body>
</html>

- 0
- 件

通報する

No.3

回答者： babu_baboo
回答日時：2010/06/15 17:45

だったら、これからのこともかんがえて、name を・・・

http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401 …

- 0
- 件

通報する

No.1

回答者： yambejp
回答日時：2010/06/15 15:53

いまのままだと汎用性もないし、ちょっと工夫すればだいぶシンプルになりますね

例えばこんな感じ・・・

<script>
function changeillust(obj,flg){
obj.src=flg?"2.jpg":"1.jpg";
}
</script>
<img src="1.jpg" onMouseOver="changeillust(this,true)" onMouseOut="changeillust(this,false)">