一个关于javascript控制img的src问题

javascript代码部分

<script language="javascript">

    function banner_img(i){
        document.getElementById("banner_img").src="images_banner/b"+i+".gif";
        }
</script>


html代码部分：
    <dl>
       
        <dd><img src="images_banner/b3.gif" id="banner_img"></dd>
        <dd>先择你需要的类型：<a href="javascript:;" onmouseover="banner_img('1');">样式一</a><a href="javascript:;" onmouseover="banner_img('2');">样式二</a><a href="javascript:;" onmouseover="banner_img('3');">样式三</a><a href="javascript:;" onmouseover="banner_img('4');">样式四</a><a href="javascript:;" onmouseover="banner_img('5');">样式五</a> <a href="javascript:;" onmouseover="banner_img('6');">样式六</a>   </dd>
   
    </dl>

为什么在ie下鼠标经过字的时候图片可以换，而在firefox中怎么就不行呢？如果把onmouseover时间改为onclick事件就可一在firefox中实现。请各位大侠帮助一下有没有能够解决的办法使得firefox下也能通过鼠标经过来实现图片更换谢谢了。

<img src="./images/download/picture/<%=rs("link")%>" onload="javascript:if(this.width>200 || this.height>200)"/>要是在JS文件的话function ControlImg（target）} 希望对你有所帮助.

firefox不支持onmouseover事件,你可以用mouseover事件

我建议你使用成熟的JS框架,比如jQuery,兼容不同的浏览器