0

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

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

请帮忙！！

4

1 回答 1

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/

于 2013-06-22T22:38:10.747 回答