Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery悬停在固定位置更改背景图像_Javascript_Jquery_Css - Fatal编程技术网

Javascript jQuery悬停在固定位置更改背景图像

Javascript jQuery悬停在固定位置更改背景图像,javascript,jquery,css,Javascript,Jquery,Css,你好在我的项目我有一个背景图像 background: url('img/1.JPG') fixed; 当一个div(“.boxy”)将被悬停时,我试图使用jQuery更改此背景图像。 下面是我在jQuery中所做的 $(document).ready(function() { $(".boxy").hover( function() { $("body").css(??????); //what should i write here in order to

你好在我的项目我有一个背景图像

background: url('img/1.JPG') fixed;
当一个div
(“.boxy”)
将被悬停时,我试图使用jQuery更改此背景图像。 下面是我在jQuery中所做的

$(document).ready(function() {
$(".boxy").hover(
    function()
    {
        $("body").css(??????); //what should i write here in order to change background image in img/2.JPG
    },
    function()
    {
        $("body").css(??????); // what should i write here in order to chage background image in img/1.JPG
    }
);
});
像这样的东西

$('body').css("background", "url('/image.jpg') fixed");
像这样的东西

$('body').css("background", "url('/image.jpg') fixed");

试试看

$(document).ready(function() {
$(".boxy").hover(
function()
{
    $("body").css("background-image", "url(/img.png)");
},
function()
{
    $("body").css("background-image", "url(/img2.png)");
}
);
});
试一试

$(document).ready(function() {
$(".boxy").hover(
function()
{
    $("body").css("background-image", "url(/img.png)");
},
function()
{
    $("body").css("background-image", "url(/img2.png)");
}
);
});

为什么不在鼠标悬停时添加类,鼠标悬停时删除类
$(“body”).addClass(“hoverd”)
和相同的wise removeClass(“hobved”)为什么不在悬停时添加类,在鼠标离开时删除
$(“body”).addClass(“hoverd”)
和相同的wise removeClass(“hobved”)
backgroundImage
这看起来像是
javascript
中使用的属性,而不是
CSS
?@KingKing中使用的属性-根据文档,此外,jQuery可以同样地解释多个单词属性的CSS和DOM格式。例如,jQuery理解并返回.css(“背景色”)和.css(“背景色”)的正确值。“谢谢,我不知道这一点,所以我的向上投票是正确的。向上投票符号(向上三角形)现在是橙色的。我将切换它让您看到?
backgroundImage
这看起来像是
javascript
中使用的属性,而不是
CSS
?@KingKing-根据文档,“而且,jQuery同样可以解释多个单词属性的CSS和DOM格式。例如,jQuery理解并返回.css(“背景色”)和.css(“背景色”)的正确值。“谢谢,我不知道这一点,所以我的向上投票是正确的。向上投票符号(向上三角形)现在是橙色的。我将切换它让你看一看?它不会正常工作,我已经在css中修复了“背景:url('img/1.JPG');“但不是”背景图像:url('img/1.JPG')已修复;“它应该像在我的cssJust remove-image.$('body').css('background','url('+imageUrl+')fixed')中那样被修复;它应该是这样工作的,我在css中已经修复了”background:url('img/1.JPG');“但不是”背景图像:url('img/1.JPG')已修复;“它应该像在我的cssJust remove-image中一样被修复。$('body').css('background','url('+imageUrl+')fixed');