javascript - onmouseover 改变图片

Question

我试图在图像上放置链接。当鼠标悬停在图像上时，图像从 login_button_22.jpg 变为 login_button_11.jpg。我正在使用以下代码，它适用于 IE，但不适用于 chrome 和其他。任何想法如何修改它，为所有探险家工作？谢谢

<a href="#top"

onmouseover="document.getElementById('myimage1').src='img/login_button_22.jpg';"
onmouseout="document.getElementById('myimage1').src='img/login_button_11.jpg';" >

    <img src="img/login_button_11.jpg" id="myimage1" />

</a>