可以为Jquery .CSS背景变化设置动画吗？

Question

我正在使用此背景图像附加到body元素：

<script>
$(document).ready(function(){

    $("body").css( "background" , "url(someimage.jpg)");

});
</script>

很好，但是背景图像确实很大，一旦它们全部加载完毕，我想使用fadein（）或其他方法使其褪色。 但是，我似乎找不到使用jQuery或javascript做到这一点的方法。 有一个吗？ 有什么聪明的建议吗？ 我可以导入jquery-ui库，如果有帮助的话。

所以要明确一点，我需要做的事情是这样的：

页面加载->图像加载完成->图像淡出为body元素的背景图像

Answer 1

好的，我知道了，但这是重复的，因为我不建议@am（重复的问题）。

摆弄我的解决方案： http : //jsfiddle.net/kRjrn/8/

的HTML

<body>
    <div id="background">.
    </div>
    <p>hello world</p>
    <p>hello world</p>
    <p>hello world</p>
    <p>hello world</p>    
</body>

javascript

$(document).ready(function(){
    $('#background').animate({ opacity: 1 }, 3000);
});

的CSS

#background {
    background-image: url("http://media.noupe.com//uploads/2009/10/wallpaper-pattern.jpg");
    opacity: 0;
    margin: 0;
    padding: 0;
    z-index: -1;
    position: absolute;
    width: 100%;
    height: 100%;
}

Answer 2

信不信由你，jQuery不支持褪色的背景色！ 但是不用担心...有一个插件！

“原始的”背景渐变插件是这个：

https://github.com/jquery/jquery-color

我也刚刚找到了这个：

http://www.bitstorm.org/jquery/color-animation/

可以为Jquery .CSS背景变化设置动画吗？

问题描述

2 个解决方案

解决方案1
0 已采纳 2012-06-15 14:27:48

解决方案2
-1 2012-06-15 12:44:22

可以为Jquery .CSS背景变化设置动画吗？

问题描述

2 个解决方案

解决方案1 0 已采纳 2012-06-15 14:27:48

解决方案2 -1 2012-06-15 12:44:22

解决方案1
0 已采纳 2012-06-15 14:27:48

解决方案2
-1 2012-06-15 12:44:22