jquery animate background-size onload

Question

我正在使用Wordpress网站（它处于“即将推出”模式，因此我无法提供链接）客户希望背景图像略微缩放。我想我可以通过CSS动画轻松实现这一点，操纵背景大小。它工作得很好！...除了在Safari和IE中。

为什么不使用图像并设置z-index并使用scale（），你问？好吧，他们只想要一个帖子的背景。这意味着'发布'，而不是'页面'，否则我只是设置一个新的页面模板并完成。它迫使我在各个帖子体类上指定背景图像（body.postid-23.custom-background {...}）。

因此，只要页面加载，我就需要一种方法来设置背景大小的动画，而无需悬停或单击。以前有人这样做吗？任何帮助表示赞赏。我不是一个javascript / jquery编码器，但我可以很好地使用它们使它适用于我的网站。

Answer 1

这就是你想要的：

$(function() {
    $("yourSelector").animate({
        backgroundSize: "100px 100px"
    });
});

Answer 2

以这种方式使用document.ready功能：

$(document).ready(function) {
    $("selctorOfYourBackgroundImage").animate({
        backgroundSize: "100px 100px"
    });
});

一旦DOM加载完毕，就会发生动画！