jQuery - 我可以动画CSS属性？背景图像特别

我知道我可以淡入淡出div和元素，但是我可以动画属性吗？当我改变某个div的background-image属性时，我就想到了这个问题。并认为它会很酷，如果背景图像也淡入;）jQuery - 我可以动画CSS属性？背景图像特别

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

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); 
});

来源

2010-05-03 Kenny Bones

jQuery的animate()方法正是如此。

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

来源

2010-05-03 19:39:13

刚刚检查出来。但它似乎并不认可背景图像。背景似乎工作。你介意看看我的OP，更新一些代码。 – 2010-05-03 21:25:26

@肯尼嗯，重读那部分，我理解'背景颜色'。 'background-image'不会起作用，这在CSS中不可靠，jQuery不能添加该功能。您必须更改包含背景图片的元素的“不透明度”，或者为此引入一个新元素。 – 2010-05-03 21:27:03

是的，多数民众赞成我的想法。我不得不应用一套新的包装div并将新的背景图像应用到该包装上。然后淡出旧的一个。 – 2010-05-03 22:06:04

JQuery UI是一个插件，它将动画功能扩展为动画颜色，如果这就是你想要做的背景。基本上，如果JQuery没有这样做，最有可能的是一个库扩展它来实现这个功能。

来源

2010-05-03 19:42:06

jQuery - 我可以动画CSS属性？背景图像特别

回答

相关问题