javascript - 如何更改 HTML 中图像按钮 onmouseover 事件上的图像？

Question

我有 4 个包含图像的图像按钮。在鼠标悬停时我必须更改图像(即在按钮上加载新图像)。这是代码。

<div class ="submit" id="submit" >
    <input  type="image" src="dump.png" value="Dumb" class ="Dumb" id="Dumb" onclick="posting_by_user('Dumb')" />
    <input  type="image" src="informative.png" value="Informative" class ="Informative" id="Informative" onclick="posting_by_user('Informative')"/>
    <input  type="image" src="brilliant.png" value="Brilliant" class ="Brilliant" id="Brilliant" onclick="posting_by_user('Brilliant')"/>
    <input  type="image" src="cool.png" value="Cool" class ="Cool" id="Cool" onclick="posting_by_user('Cool')"/>
</div>

我在这里加载了 dump.png、informative.png、brilliant.png 和 cool.png。将鼠标悬停在每个按钮上时，我必须更改图像。

Answer 1

试试这个

$(document).ready(function() {
$('input[type=img]')
    .mouseover(function() { 
        var src =  "mouseover.png";
        $(this).attr("src", src);
    });