ＸＨＴＭＬでonmouseoverで画像を変える方法

[新着] Webテンプレートを仮オープンしました

0   名前： ボンズ ： 2007/07/30（月） 09:07  ID:AyYwswbL sub-gm
<script type="text/javascript">
<!--
function change01()
{
document.getElementById('hen');
document.hen.src="./sanma.gif";
}
function change02()
{
document.getElementById('hen');
document.henka.src="./aji.gif";
}
//-->
</script>

<div>
<img src="aji.gif" id="hen"
onmouseover="change01()" onmouseout="change02()"
alt="変" />
</div>

という感じで書いているのですが、マウスを画像の上に乗せても変化しません。
足りない部分や間違いがあれば教えてください！！
お願いします！！
1   名前： 匿名 ： 2007/07/30（月） 09:07  ID:pnkO656s sub-Cl
document.getElementByIdの使い方を間違えてる。
id変わってないのに"document.henka.src"はおかしい。
<script type="text/javascript"><!--
var overImg = new Image();
overImg.src = "./sanma.gif";
//--></script>
<div>
<img src="aji.gif" alt="変"
id="hen"
onmouseover="this.src = overImg.src"
onmouseout="this.src = './aji.gif'"
/>
</dov>
2   名前： 匿名 ： 2007/07/30（月） 09:07  ID:gWDGQ3J. sub-Cz
せっかくの XHTML なんだからコメントアウト止めようぜ。
3   名前： mono ◆7YMtX/NYmu ： 2007/07/30（月） 09:07  ID:3UnY2b01 sub-Cl
条件外のマルチポストは禁止されてますよ
http://bbs.j-ns.com/topics.php?num1=2390
一覧へ戻る