jquery - 如何在 jquery 中为背景图像大小设置动画

Question

我正在尝试为 div 制作背景动画。

我希望背景图片看起来像是被放大了，如下所示:

http://www.teknologisk.dk/

为此，我希望能够通过 jquery 进行放大和缩小，大致如下:

$('.DIVNAME').css("background-size:", "3000px auto"); 

我只需要正确的代码

有什么想法吗？

谢谢:)

Answer 1

就像您提到的网站一样，您可以使用元素而不是使用 CSS 设置图像。

然后您可以将图像宽度设置为 100%，并在父容器内使用 javascript 将其居中。父容器也需要设置为 100% 宽度，javascript 将检测 $(window) 的高度并将父容器的高度设置为该高度。

我假设你不关心 IE8 和更低版本，因为你想使用背景大小，所以你现在可以 CSS3 scale放大和缩小图像。