标题悬停 - 更改图像

Question

我的图片上面有标题。当我将鼠标悬停在标题上时，我想显示不同的图像。

我该如何创建？

title code

image code

猜猜我要在问号上加点东西，但是什么？

Answer 1

使用jQuery。

$(function() {
    $("img")
        .mouseover(function() { 
            $(this).attr("src", "newImage.jpg");
        })
        .mouseout(function() {
            $(this).attr("src", "originalImage.jpg");
        });
});

Answer 2

您可以使用上面的jquery或css的修改版本。 为图像指定一个id，并使用@Sandwell发布的jquery代码中的id

如果你正在使用css try：hover property