javascript - jquery 动画背景大小 onload

Question

我在 Wordpress 网站上工作(它处于“即将推出”模式，所以我无法提供链接)，客户希望背景图像稍微缩放。我认为我可以使用 CSS 动画轻松实现这一点，操纵背景大小。它工作得很好!...除了在 Safari 和 IE 中。

为什么不使用图像并设置 z-index 并使用 scale()，你会问吗？好吧，他们只想要一篇文章的背景。这意味着“发布”，而不是“页面”，否则我只需设置一个新的页面模板即可完成。它迫使我在单个帖子正文类 (body.postid-23.custom-background {...}) 上指定背景图片。

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

Answer 1

这就是你想要的:

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