SAMPLE

マウスを画像に合わせると画像が切り替わる(複数画像)

画像をリンクにし、onMouseOverでグローバル変数indexに
各画像のインデックス番号を代入し、そのあとで
画像を切り替える関数を呼んでいる。

実行結果

ヘッダ部分
<SCRIPT LANGUAGE="JavaScript">
var index = null
function changeImg()	{
	var number = Math.floor(Math.random()*10)
	if(number == 0)	{
		document.images[index].src = "0.gif"
	} if(number == 1)	{
		document.images[index].src = "1.gif"
	} if(number == 2)	{
		document.images[index].src = "2.gif"
	} if(number == 3)	{
		document.images[index].src = "3.gif"
	} if(number == 4)	{
		document.images[index].src = "4.gif"
	} if(number == 5)	{
		document.images[index].src = "5.gif"
	} if(number == 6)	{
		document.images[index].src = "6.gif"
	} if(number == 7)	{
		document.images[index].src = "7.gif"
	} if(number == 8)	{
		document.images[index].src = "8.gif"
	} if(number == 9)	{
		document.images[index].src = "9.gif"
	}
}
</SCRIPT>

ボディ部分
<A HREF="sample0077.html" onMouseOver="index = 0 ; changeImg()"><IMG SRC="0.gif" BORDER=0></A>
<A HREF="sample0077.html" onMouseOver="index = 1 ; changeImg()"><IMG SRC="0.gif" BORDER=0></A>
<A HREF="sample0077.html" onMouseOver="index = 2 ; changeImg()"><IMG SRC="0.gif" BORDER=0></A>
<A HREF="sample0077.html" onMouseOver="index = 3 ; changeImg()"><IMG SRC="0.gif" BORDER=0></A>
<A HREF="sample0077.html" onMouseOver="index = 4 ; changeImg()"><IMG SRC="0.gif" BORDER=0></A>
<A HREF="sample0077.html" onMouseOver="index = 5 ; changeImg()"><IMG SRC="0.gif" BORDER=0></A>
<A HREF="sample0077.html" onMouseOver="index = 6 ; changeImg()"><IMG SRC="0.gif" BORDER=0></A>
<A HREF="sample0077.html" onMouseOver="index = 7 ; changeImg()"><IMG SRC="0.gif" BORDER=0></A>
<A HREF="sample0077.html" onMouseOver="index = 8 ; changeImg()"><IMG SRC="0.gif" BORDER=0></A>
<A HREF="sample0077.html" onMouseOver="index = 9 ; changeImg()"><IMG SRC="0.gif" BORDER=0></A>