jquery 动画背景大小 onload答案

【问题标题】：jquery animate background-size onloadjquery 动画背景大小 onload
【发布时间】：2015-07-08 23:08:18
【问题描述】：

我正在开发一个 Wordpress 网站（它处于“即将推出”模式，所以我无法提供链接），客户希望在该网站上稍微放大背景图片。我想我可以通过 CSS 动画轻松实现这一点，操纵背景大小。效果很好！...除了在 Safari 和 IE 中。

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

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

【问题讨论】：

【解决方案1】：

这就是你想要的：

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

【讨论】：

【解决方案2】：

这样使用document.ready函数即可：

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

一旦 DOM 完成加载，动画就会出现！

【讨论】：

【解决方案3】：

一旦页面完成加载，这将触发。

$( document ).ready(function() {
    console.log( "ready!" );
});

不确定是否还需要中间的代码？

【讨论】：