Javascript 标题悬停-更改图像

Javascript 标题悬停-更改图像,javascript,css,wordpress,Javascript,Css,Wordpress,我有一张上面有标题的图片。当我将鼠标悬停在标题上时,我想显示不同的图像 我如何创建它 我想我得在问号上加点什么,但是用jQuery怎么办 $(function() { $("img") .mouseover(function() { $(this).attr("src", "newImage.jpg"); }) .mouseout(function() { $(this).attr("s

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

我如何创建它

我想我得在问号上加点什么,但是用jQuery怎么办

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

您可以使用上面jquery的修改版本,也可以只使用css。 为图像提供一个id,并在@Sandwell发布的jquery代码中使用该id


如果使用css,请尝试:hover属性

图像是如何包含在img标记中还是作为标题的背景?在img标记中。图片在标题下,但不是背景。请分享一些HTML代码。我应该在:hover property上写些什么?抱歉,回复太晚了。但如果这对其他人有帮助,让我解释一下。我们可以通过编写下面的