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

时间:2013-06-22 22:07:16

标签: javascript jquery css3 background-color

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

这背后的理论是,然后可识别的网站格式仍然存在,但由于这个特定的页面不是索引,因此颜色的变化应该从正常到异常都是明显的。我有这个想法,但不知道如何制作它!

请帮助!!

1 个答案:

答案 0 :(得分:1)

这适用于背景颜色:

$(document).ready(function() {



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



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





});

HTML:

<body>
<div id="header">sss</div>
<div id="content">ddd</div>
<div id="footer">fffff</div>

</body>

CSS:

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

当然,你需要这个插件: http://www.bitstorm.org/jquery/color-animation/

编辑2:http://jsfiddle.net/NCctc/