JQuery - 用动画改变h1风格

Question

我是jQuery的新手。我希望我的网站中<h1>字体的外观发生变化，但它应该从白色变为黑色。

以下是一个例子：

http://www.worklifebalancecentre.org/

以下是我尝试过的源代码：

$(document).ready(function() {
  $("div").animate({left:'200'}, "slow");
  $(h1).animate({color:'black'}, "slow");
});

但它不起作用......：/

Answer 1

$(document).ready(function(){
 $('button').click(function(){  
 $('h1').stop().animate({ color: 'red' }, 1000);
 });
});

点击此小提琴链接http://jsfiddle.net/parsanamoni/pJefM/。我希望这适合您的问题。

Answer 2

使用jQuery UI：http://jsfiddle.net/qZjHs/（或jQuery + color Plugin）

$div.animate({ color: 'lime' }, 2000);

使用CSS：http://jsfiddle.net/m47xL/1/

$div.addClass('lime');