jquery - 如何使用 jquery 为背景大小设置动画

Question

我想为我的网站背景制作动画，以便当用户进入它时，背景的大小从 60% 开始，并在几秒钟内上升到 100%。

我尝试在 jQuery 中使用 animate，如下所示，但控制台显示“意外的标记 -”。这适用于另一段代码中的不透明度。

我做错了什么？

$(document).ready(function() {
    $('.left-content').animate(
    {
        background-size: 100%
    },
    3000);
})

Answer 1

您的代码有 2 个问题。

1. 大约 100% 缺少引号

2. JavaScript 将 background-size 理解为变量 background 减去 variable 大小。您应该改用 backgroundSize。

   $('.left-content').animate({ backgroundSize: '100%' }, 3000);

通过这两个更正，它起作用了。见:

http://jsfiddle.net/YuKj3/