javascript - 鼠标悬停更改图像

Question

在鼠标悬停和鼠标移出时更改图像的正确方法是什么(使用/不使用 jQuery)？

<a href="#" id="name">
    <img title="Hello" src="/ico/view.png" onmouseover="$(this).attr('src','/ico/view.hover.png')" />
</a>

好的，这是可行的，但是如何在 mouseout 后变回原始图像？

如果可能的话，我想在没有 document.ready 函数的情况下内联完成这件事。

Answer 1

这里是一个本地 javascript 内联代码，用于在鼠标悬停和鼠标移出时更改图像:

<a href="#" id="name">
    <img title="Hello" src="/ico/view.png" onmouseover="this.src='/ico/view.hover.png'" onmouseout="this.src='/ico/view.png'" />
</a>