我喜欢使用Jquery及其伴侣Jquery Ui但是找不到在一段时间内制作背景图像的方法，比如5秒。 我做不了类似的事情：
$('sampleelement').animate({'background-image':'url(hello.jpg)'},5000);
任何想法??
答案 0 :(得分：2)
这是不可能的。 Css不允许这样的背景图像处理。您应该在内容背后放置一个div，并将其淡化为：
<div id='background_img' style='display:none; position:absolute;'><!-- position me behind the content!--><img ... /></div>
<div id='content'>YDADA</div>
$('#background_img').fadeIn(5000);
答案 1 :(得分：1)
使用jQuery Background-Position Animations插件。请参阅demo。
答案 2 :(得分：0)
为什么不使用动画GIF？
答案 3 :(得分：0)
Pim Jager的方法是在没有GIF动画的情况下获得最接近的方法。
答案 4 :(得分：0)
您可以创建多个图像，只需使用setTimeout替换另一个图像。这有点像仿效.gif，只是提供更多的灵活性和质量。
答案 5 :(得分：0)
我在Cheer Us Up上所做的是使用基本的javascript来更改背景图片 -
$(function(){
curr = 0;
setTimout(changeBg(),200);
});
function changeBg() {
curr++;
document.body.style.backgroundPosition = curr + 20;
}
这是基本的想法。我没有使用jquery，因为我只是想让它慢慢滑过。
答案 6 :(得分：0)