onMouseover事件触发JS脚本

我找一下有关JS制作的资料，谢谢。

还是没开窍，哪个朋友能多提示一些，谢谢啦。

<table border="1" width="100" id="menu1">
<tr>
  <td><span onmouseover="document.all('table1').style.display='';document.all('table2').style.display='none';">显示1</span></td>
  <td><span onmouseover="document.all('table1').style.display='none';document.all('table2').style.display='';">显示2</span></td>
</tr>
</table>

<table border="1" width="100%" id="table1">
<tr><td>这里是第一个窗口</td></tr>
</table>
<table border="1" width="100%" id="table2" style="display:none">
<tr><td align="right">这里是第二个窗口</td></tr>
</table>


写了一个简单的例子，保存成htm文件自己看吧。
JS脚本没写成函数，是希望你能看的更明白。实际操作中，尽量封装一下。