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

Rad*_*adu 4 html css jquery

我想为我的网站背景设置动画,以便当用户输入时,背景从60%的大小开始,并在几秒钟内上升到100%.

我尝试在jQuery中使用animate,如下所示,但控制台说'意外令牌 - '.这适用于另一段代码中的不透明度.

我究竟做错了什么?

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

Ale*_* B. 11

您的代码有2个问题.

  1. 缺少100%左右的报价

  2. JavaScript理解background-size为变量background减去variable大小.你应该使用backgroundSize.

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

通过这两个更正,它可以工作.看到:

http://jsfiddle.net/YuKj3/