jQuery - 我可以为 CSS 属性设置动画吗？背景图像特别答案

【问题标题】：jQuery - Can I animate css properties? Background-image particularlyjQuery - 我可以为 CSS 属性设置动画吗？背景图像特别
【发布时间】：2010-05-03 19:36:34
【问题描述】：

我知道我可以淡入淡出 div 和元素，但我也可以为属性设置动画吗？我刚才在更改某个div的背景图像属性时想到了这个。并且认为如果背景图像也淡入会很酷;）

这是我用来替换背景图像的代码。但它可以动画吗？

var originalBG = $('#wrapper').css('background-image');
$('.bggallery_images img').hover(function () {
    var newBG = "url('" + $(this).attr('src');

    $('#wrapper').css('background-image', newBG);
}, function () {
    $('#wrapper').css('background-image', originalBG);
});

【问题讨论】：

标签： javascript jquery css background background-image

【解决方案1】：

jQuery 的 animate() 方法可以做到这一点。

查看手册中的示例，它们应该会向您展示您需要的一切。

【讨论】：

刚刚检查过了。但它似乎无法识别背景图像。虽然背景似乎有效。你介意看看我的 OP，用一些代码更新。
@Kenny mmm，重读了那部分，我理解background-color。 background-image 不起作用，这在 CSS 中不会褪色，jQuery 无法添加该功能。您必须更改包含背景图像的元素的 opacity，或者为此引入一个新元素。
是的，我就是这么想的。我必须应用一组新的包装 div 并将新的背景图像应用到它上面。然后淡化旧的。

【解决方案2】：

JQuery UI 是一个插件，它可以扩展动画功能以使颜色动画化，前提是您希望对背景进行处理。基本上，如果 JQuery 不这样做，则很可能有一个库对其进行了扩展以具有该功能。

【讨论】：