CSS类的Javascript动画?

对, jQuery 你有时间的时候可以做这个 jQueryUI 也装了。

请参见此处的演示: http://jqueryui.com/demos/addClass/

http://jsfiddle.net/hhEpT/

div { width: 100px; height: 100px; }
.class1 {background-color:blue;}
.class2 {background-color:red;}​

<div class='class1'></div>

$('div').addClass('class2', 1000);

如果您可以使用jQuery,它有一个动画功能,可以让您从类1到类2的动画。

http://api.jquery.com/animate/ 对于普通动画。如另一个答案中所建议的,在类之间使用jqueryui制作动画。

jQuery查询 和

<p id="notice" class="class1">This is something to highlight</p>

所以基本上你想用class2替换class1。由于CSS允许您覆盖样式,您只需添加一个新类,它就会覆盖初始效果。

$("#notice").addClass("class2", 50);

其中50显然是动画所需的时间。为了使这个工作,你需要参考 jQuery jQueryUI

另一种方法是使用 jQuery动画 方法。基本上,您可以指定驱动动画的css、持续时间和回调。

$('#clickme').click(function() {
  $('#notice').animate(
      {background-color: yellow}, 
      5000, 
      function() {
        $("#notice").removeClass("class1");
      });
});