画像をポイントすると別の画像が表示される方法を教えてください。

JavaScriptのページを調べてみたのですが有効な方法がないので
教えてください。よろしくお願いします。

例えば、TOPなどの画像をポイントすると、違う画像が表示され、
ポイントをはずすとまた最初の画像が表示されるようにする方法は
ありますでしょうか。
ご存知の方がいらっしゃいましたら、回答をお待ちしております。
よろしくお願いします。

No.1 回答者： annie_x 回答日時： 2001/12/15 15:45

こんな感じでしょうか、、、

top.html：画像をクリックしたときのリンク先
top_1.gif：マウスをポイントしていないときの画像
top_2.gif：マウスをポイントした時の画像

#=================================================
<SCRIPT language=JavaScript>
<!--
if( (navigator.appName == "Netscape") || (navigator.appName == "Microsoft Internet Explorer") ){
if(navigator.appVersion.charAt(0)>=3)
{
outImg=new Array()
outImg[1] = new Image();outImg[1].src='top_1.gif';
outImg[2] = new Image();outImg[2].src='top_2.gif';
}
}

// change image
function changImg(target,imgNo)
{
if( (navigator.appName == "Netscape") || (navigator.appName == "Microsoft Internet Explorer") ){
if (navigator.appVersion.charAt(0)>=3){
document.images[target].src=outImg[imgNo].src;

}
};
};
//-->
</script>

<a href="top.html" onMouseOver="changImg('top','2');" onMouseOut="changImg('top','1')">
<img src="top_1.gif" name="top" border="0"></a>
#=================================================

この回答へのお礼

細かに教えていただいて嬉しかったです。
が、うまく動作しませんでした　クスン
結局HPBでやりました。
でも、ご協力ありがとうございました！

お礼日時：2001/12/15 22:29

No.2 ベストアンサー 回答者： ubonoti01 回答日時： 2001/12/15 15:47

JavaScriptは分かりませんが、IBMホームページビルダーでは簡単です。

キーワードは「ロールオーバー効果」です。

この回答へのお礼

ソースを調べてやったのですがうまく動作せず、
教えていただいたHPBでできました！
どうもありがとうございました！

お礼日時：2001/12/15 22:28

No.3 回答者： ubonoti01 回答日時： 2001/12/15 15:51

#1の続きです。

「JavaScript」と「ロールオーバー効果」でAND検索すると、実現方法を開示したページが見つかります。

この回答へのお礼

探した結果ソースを入れたのですがうまく動作しなく、
HPBでできました。
回答ありがとうございました。
また質問させていただくこともあるかと思うのですが
その時はよろしくお願いいたします。

お礼日時：2001/12/15 22:28