jQuery动画背景颜色不动画

http://jsfiddle.net/leonwho/98mD2/

HTML

  • 1 Sync!

CSS

 #account-setup-guide { position: relative; margin: 30px 30px 20px 20px; padding: 20px; width: auto; border: 5px solid orange; background: orange; } 

jQuery的

 var animateThis = function() { console.log('run animateThis'); $('#account-setup-guide').stop().animate({backgroundColor: '#ffffff'}, 500); $('#account-setup-guide').animate({ background: 'white' }, 500); } animateThis(); 

不知道为什么这不起作用,我已经使用了.animate上面的两个例子但是它在我当前的jsfiddle测试中不起作用:(

jQuery不支持颜色动画,你必须包含支持jQuery UIjQuery color插件:

jQuery颜色

jsFiddle (thx to kei)