アニメ・プログラム・ゲームetc 思った事誰のためにもならないことを綴っております。
var rollover = Array(3); function loadImage() { for (var i=0; i < 3 ; i++) { rollover[i] = new Image(); } rollover[0].src = "01_on.gif"; rollover[1].src = "02_on.gif"; rollover[2].src = "03_on.gif"; }
<head> <script type="text/javascript" src="rollover.js"></script> </head><body>タグ内でイメージ呼ぶよと教えておきましょう。
<body onload="loadImage()">
<a href="xx.html" onmouseover="src=rollover[0].src;return true;" onmouseout="src='001_off.gif';return true;"><img src="01_off.gif"></a> <a href="yy.html" onmouseover="src=rollover[1].src;return true;" onmouseout="src='02_off.gif';return true;"><img src="02_off.gif"></a> <a href="zz.html" onmouseover="src=rollover[2].src;return true;" onmouseout="src='03_off.gif';return true;"><img src="03_off.gif"></a>確かこんな感じだったはず。