我的JS学的确实很差,我个人觉得这还是个比较简单的问题,可是我就是做不出来!真不知道哪里出了毛病,高手指点一下!

<script language="javascript">
function up(xz){
xz.src='images/index_48.gif';
tz.src='images/index_49.gif';
}
function down(xz){
xz.src='images/index_31.gif';
tz.src='images/index_32.gif';
}
</script>
<td id=xz><img src="images/index_31.gif" width="64" height="20" onmouseover="up(this)" onmouseout="down(this)"></td>
            
        <td colspan="2" id=tz>
            <img src="images/index_32.gif" width="64" height="20" alt="">
        <td>
我想做一个效果,就是当鼠标移上xz这个标签上时换一幅图像,并且让tz也跟着换一幅图像．当移出时，恢复原状！可是就xz这个标签能换，tz这个标签却不能换，我真的很郁闷呀！不知道哪里出了错，可能是我脑子进水了！

帮帮忙！谢谢啦！

把<td> 里面的id 都加到<img> 里面就可以了！

<td><img src="images/index_31.gif" width="64" height="20" onmouseover="up(this)" onmouseout="down(this)" id=xz></td>
            
        <td colspan="2">
            <img src="images/index_32.gif" width="64" height="20" alt="" id=tz>
        <td>

谢谢啦!