【问题标题】: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-colorbackground-image 不起作用,这在 CSS 中不会褪色,jQuery 无法添加该功能。您必须更改包含背景图像的元素的 opacity,或者为此引入一个新元素。
    • 是的,我就是这么想的。我必须应用一组新的包装 div 并将新的背景图像应用到它上面。然后淡化旧的。
    【解决方案2】:

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

    【讨论】:

      猜你喜欢
      • 2011-05-23
      • 2010-10-05
      • 2011-11-11
      • 2012-06-18
      • 2013-06-16
      • 1970-01-01
      • 2013-09-10
      • 1970-01-01
      相关资源
      最近更新 更多