CSS（或JQuery）更改颜色动画onclick

请参阅（不适用于IE或OPERA）。或者参见上面的CSS

这是一个简单的彩色动画，从红色变为深红色，再变回红色。我需要这样做，当点击按钮时，它将从：

蓝色到#000066，然后再回到蓝色

我知道一种方法是创建一个新的样式表并切换样式表，但是

（1） 我不太清楚该怎么做

及

---

（2） 在所有这些的宏伟计划中，我需要用不同的颜色重复15次，我不希望有15种不同的颜色样式表。有没有JQuery或直接的javascript方法可以做到这一点？

无需创建新的样式表。只需为每种颜色创建一个不同的类，并使用jQuery来执行和：

---

正如您将在该小提琴的CSS中看到的，您需要为每个类创建新的关键帧。

无需创建新的样式表。只需为每种颜色创建一个不同的类，并使用jQuery来执行和：

---

正如您将在该小提琴的CSS中看到的，您需要为每个类创建新的关键帧。

无需创建新的样式表。只需为每种颜色创建一个不同的类，然后使用jQuery来

.addClass（）

和

.removeClass（）

我明白你的意思。但是如何更改关键帧呢？他们需要指定不同的颜色来表示Opera是：-o-animation:myfirst 3s-o-动画-迭代-计数：无限；Regard无需创建新的样式表。只需为每种颜色创建一个不同的类，然后使用jQuery来

.addClass（）

和

.removeClass（）

我明白你的意思。但是如何更改关键帧呢？他们需要指定不同的颜色来表示Opera是：-o-animation:myfirst 3s-o-动画-迭代-计数：无限；当做

div
{
width:100px;
height:100px;
background:red;
animation:myfirst 3s;
-moz-animation:myfirst 3s; /* Firefox */
-webkit-animation:myfirst 3s; /* Safari and Chrome */
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
}


@-webkit-keyframes myfirst /* Safari and Chrome */
{
0% {background:red;}
50% {background:#800000;}
100% {background:red;}
}

function blueMe(){
  $('div').removeClass().addClass('blue');
}​