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 缩放来放大和缩小图像。