如何使用jquery更改图像悬停时的背景图像

Question

我有一小部分背景图片我想将背景图片设置为图片用户悬停我创建了这个但它不起作用：

$(document).ready(function(){
$('img').mouseover(function(){
var pic=$(this).attr("src");
$('body').css('background','url(pic)');
})
});

Answer 1

试试这个：

$(document).ready(function () {
    $('img').mouseover(function () {
        var pic = $(this).attr("src");
        $('body').css('background-image', 'url(' + pic + ')');
    });
});

<强> DEMO

Answer 2

您需要使用+

将变量与字符串分开

试试这个：

$(document).ready(function(){
$('img').mouseover(function(){
var pic=$(this).attr("src");
$('body').css('background-image','url('+pic+')');
})
});

或只是

$(document).ready(function(){
$('img').mouseover(function(){
$('body').css('background-image','url('+$(this).attr("src")+')');
})
});