XHTMLでonmouseoverで画像を変える方法



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

一覧へ戻る