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

时间:2013-08-25 08:14:16

标签: jquery css background-image

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

我希望它看起来像正在放大的背景图像,就像这里:

http://www.teknologisk.dk/

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

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

我只需要正确的代码

有什么想法吗?

谢谢:)

1 个答案:

答案 0 :(得分:1)

与您提到的网站一样,您可以使用该元素,而不是使用CSS设置图片。

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

我假设你不关心IE8及以下,因为你想使用背景大小,所以你现在可以CSS3 scale放大和缩小图像。