Question

我有一个类（.fa），我想从页面加载的那一刻开始，背景颜色在黄色和绿色之间变化，每次重复约两秒钟。

Answer 1

不是改变班级所代表的内容，而是在两个班级.fa1和.fa2之间交替更有意义

如果您宁愿修改CSS样式表以获得此效果（因为您在页面上有多个节点并希望它们表现更好），您可以动态修改样式表，如下所示http://devfiles.myopera.com/articles/621/addingandremovingrules.html

由于这不是跨浏览器兼容的，您可以使用Ext-JS的示例（确实使其跨浏览器）使其适用于您http://docs.sencha.com/ext-js/4-0/#!/api/Ext.util.CSS

阅读他们的代码并根据您的需要进行调整http://docs.sencha.com/ext-js/4-0/source/CSS.html#Ext-util-CSS-method-updateRule

您可以在此处查看一个简单示例http://jsfiddle.net/mendesjuan/uFjxP/1/

var i = 0;
var colors = ['yellow', 'green']
setInterval(function(){
    i++;
    i = i % 2;
    Ext.util.CSS.updateRule('.fa', "background-color", colors[i])
}, 1000)

Answer 2

对于动画颜色，请使用jQuery颜色插件，例如this one或this one

在jQuery中更改类的颜色

2 个答案: