Question

我想使用 fadeIn 和 fadeOut 效果更改背景图片。我可以使用此代码对其进行更改，但不能使用fadeIn和fadeOut效果。我如何使用这种效果？我的意思是上一个背景应该具有fadeOut的作用，下一个背景应该具有fadeIn的作用。
注释：背景属性是正文的一部分，我不希望正文中的元素发挥fadeIn或fadeOut的作用。 jQuery：

$(document).ready(function(){
    setInterval(function () {
        $("body").css("background", "url(../img/2.jpg) center center no-repeat");
        $("body").css("background-size", "cover");
    }, 3000);
});

css：

body{
    background: url(../img/1.jpg) center center no-repeat;
    background-size: cover;
}

Answer 1

<body>
    <div class="background">
         <!-- the rest of your existing body contents -->
    </div>
</body>

这更多是一个概念上的答案。但是，如果您在div标签和当前网站的其余部分之间插入body，则将背景附加到该div上并以此方式进行操作，您将获得更好的结果。您只需要弄清楚如何将内容置于该div.background上方即可。只需确保背景div的宽度，高度等就可以了。我敢打赌，你会找出其余的。

使用JQuery更改正文背景图像属性

1 个答案: