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

标签 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 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
    }
);
});

最佳答案

$(document).ready(function () {
    $(".boxy").hover(function () {
        $("body").css('backgroundImage', 'url(img/2.JPG)');
    }, function () {
        $("body").css('backgroundImage', 'url(img/1.JPG)');
    });
});

jsFiddle example

关于javascript - jQuery悬停在固定位置更改背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23294425/

相关文章:

html - 使绝对定位的 div 扩展父 div 高度

jquery - 如何使用选择器和过滤器输入文本

javascript - 比较两个日期我的javascript

javascript - 滚动过标题后出现 DIV 导航

javascript - 禁用 Bootstrap 导航项单击事件

jquery - 更改兄弟节点为标签的文本节点

javascript - 为什么 CssMinimizerWebpackPlugin 会阻止我的主 js 文件被缩小?

javascript - 使用 jquery 的下拉导航链接未在 mvc 中加载有效的 anchor 链接

javascript - jQuery如何设置点击div中的href?

javascript - Jquery easeOutBounce 方向?