菜鸟一求：一个最简单的鼠标cover图片就变换成另外一个的代码

Question

好像只能用js？
找到一个js的：<script>
var loaded = new Array();
function F_loadRollover(image,imageName) {
  if(image && image.src && (null == image.out || typeof(image.out) == typeof(void(0)))) {
    s = image.src;
    image.out = new Image();
    image.out.src = s;
    image.over = new Image(); 
    if(imageName.lastIndexOf('/') >= 0 || imageName.lastIndexOf('\\') >=0) {
      s = imageName;
      }
    else {
     i = s.lastIndexOf('/');
      if (i<0) i = s.lastIndexOf('\\');
      if (i<0) { s = imageName; }
      else { s = s.substring(0,i+1) + imageName;}
      }
    image.over.src = s;
    loaded[image.name] = image;
    }
}
</script>
<table><tr>
<td width="100%" height="30" align="center">
<a style='cursor:hand;' href="guest.php?action=write&lng=$lng" title="new"><img name="write" border="0" src="images/bto_write.gif" onload="F_loadRollover(this,'images/bto_write_o.gif')"></a>
</td>
</tr>
<tr>
<td width="100%" height="30" align="center">
<a style='cursor:hand;' href="guest.php?lng=$lng" title="read"><img name="view" border="0" src="images/bto_view.gif" onload="F_loadRollover(this,'images/bto_view_o.gif')"></a>
</td>
</tr>
</table>
不过总是出错，放上之后没有反应。

Answer 1

<script language="JavaScript">
<!--
function swapImgRestore() {
  var i,x,a=document.sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}function preloadImages() { 
  var d=document; if(d.images){ if(!d.p) d.p=new Array();
    var i,j=d.p.length,a=preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.p[j]=new Image; d.p[j++].src=a[i];}}
}function findObj(n, d) {
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}function swapImage() {
  var i,j=0,x,a=swapImage.arguments; document.sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=findObj(a[i]))!=null){document.sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<a href="#" onMouseOut="swapImgRestore()" onMouseOver="swapImage('Image','',ico_h.gif',1)"><img src="ico.gif" name="Image" width="50" height="50" border="0"></a>

Answer 2

<script language="javascript">
<!--
  function funchange()
  {
    if (event.type == 'mouseover') D1.innerText = '第一副图片！';
    else  D1.innerText = '第二副图片！';
  }
//-->
</script>模拟图片：
<table border=1>
<tr>
<td>122</td>
<td width=30px><div id = D1 onmouseover = "funchange();" onmouseout = "funchange();" width=800>&nbsp;</div></td>
<td>222</td>
<td>111</td>
<td>242</td>
<td>146</td>
</tr>
</table>鼠标经过空白单元格~~~

Answer 3

fzjw(coding per night) ，一个简单的cover换图需要那么多js的function么？