Javascript 页面打开时从#7495BA淡入#67C65D

Javascript 页面打开时从#7495BA淡入#67C65D,javascript,jquery,css,background-color,Javascript,Jquery,Css,Background Color,我需要一些脚本,使当前在任何元素中使用#7495BA的所有CSS在页面加载时淡入#67C65D。只有一个变化,不褪色之间,没有任何悬停或点击提示,只是在页面请求,从蓝色开始,然后褪色为绿色 这背后的理论是,网站的可识别格式仍然存在,但由于这一特定页面不是索引,从正常到异常的颜色变化应该是明显的。我脑子里有这个想法,但不知道怎么做 请帮忙 这适用于背景色: $(document).ready(function() { $('body *').each(function() { col

我需要一些脚本,使当前在任何元素中使用#7495BA的所有CSS在页面加载时淡入#67C65D。只有一个变化,不褪色之间,没有任何悬停或点击提示,只是在页面请求,从蓝色开始,然后褪色为绿色

这背后的理论是,网站的可识别格式仍然存在,但由于这一特定页面不是索引,从正常到异常的颜色变化应该是明显的。我脑子里有这个想法,但不知道怎么做


请帮忙

这适用于背景色:

$(document).ready(function() {



$('body *').each(function() {
    color='rgb(116, 149, 186)';



 if($(this).css('background-color')==color) {
    $(this).animate({
backgroundColor: '#67C65D'
}, 2000 ); 
 }
});





});
HTML:

当然,您需要这个插件:


编辑2:

我们谈论的是什么属性?字体颜色、背景颜色、边框颜色…?请选择背景颜色如果页面上有很多元素,这将是一个非常缓慢的过程。你最好把你想要改变的所有元素都交给一个类,这样你就可以直接瞄准它们了!非常感谢
<body>
<div id="header">sss</div>
<div id="content">ddd</div>
<div id="footer">fffff</div>

</body>
#header { background-color: #7495BA; height:50px;width:100%; }
#content {
    width:100%;
    height:300px;
    background-color:red;
}
#footer {
    width:100%;
    height:50px;
    background-color: #7495BA;
}