マウスオーバー(画像)

var img = new Array()
img[0]=new Image();img[0].src="images/e-00.gif";
img[1]=new Image();img[1].src="images/e-01.gif";
img[2]=new Image();img[2].src="images/e-02.gif";

function s(x){
 y="Z"+x;
 document.images[y].src=eval("img["+x+"].src");
}
function u(x){
 y="Z"+x;
 document.images[y].src="images/e-1"+x+".gif";
}

<div class="j1">
 <a href="#" onMouseOver="s('0')" onMouseOut="u('0')">
  <img src="images/e-10.gif" id="Z0" class="img">
 </a>
</div>
<div class="j1">
 <a href="#" onMouseOver="s('1')" onMouseOut="u('1')">
  <img src="images/e-11.gif" id="Z1" class="img">
 </a>
</div>
<div class="j1">
 <a href="#" onMouseOver="s('2')" onMouseOut="u('2')">
  <img src="images/e-12.gif" id="Z2" class="img">
 </a>
</div>