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

質問

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

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

回答No.2

ubonoti01 · ベストアンサー

JavaScriptは分かりませんが、IBMホームページビルダーでは簡単です。キーワードは「ロールオーバー効果」です。

お礼

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

回答No.3

ubonoti01

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

お礼

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

回答No.1

annie_x

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

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でやりました。
でも、ご協力ありがとうございました！