比较烦----页面上有2个Table，想实现如果鼠标在第一个Table上个文字连接停留，则显示1.gif在Table2上........所有的图片都显示在同一个位

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="木野狐, chenrong2003[at]hotmail.com">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD><BODY><table border="1">
<tr>
<td>
<span onmouseover="show(1)">图片1</span>
<span onmouseover="show(2)">图片2</span>
<span onmouseover="show(3)">图片3</span>
</td>
</tr>
</table><table id="table2" border="1">
<tr>
<td>
<img src="about:blank" id="img1">
</td>
</tr>
</table><script>
function show(i) {
img1.src = i + '.gif';
}
</script>
</BODY>
</HTML>