jQuery Color Animation - 不会淡化为背​​景色

时间:2012-09-25 22:59:38

标签: javascript jquery

我正在尝试使用jQuery颜色动画插件http://www.bitstorm.org/jquery/color-animation/。当我们调用并传递它时,请说#FFFF00(黄色),我们看到它变为黄色并逐渐消失。但它永远不会退回到元素的原始背景颜色,即白色#FFFFFF。在进行DOM检查之后,我注意到元素最终添加了各种样式,例如:

  • style="background-color: rgb(255, 255, 215);
  • style="background-color: rgb(255, 255, 149);
  • style="background-color: rgb(255, 255, 207);

我们需要做些什么才能使插件以最终背景颜色为原始颜色的方式工作。

2 个答案:

答案 0 :(得分:2)

jsBin demo

你可以使用 jQuery UI ,这个:

$('.box').hover(function(){
   $(this).stop().animate({backgroundColor: '#ff0'});
},function(){
   $(this).stop().animate({backgroundColor: '#fff'});
});

或者您的问题可能只是因为您没有使用.stop()

清除您的动画队列

答案 1 :(得分:0)

问题在于插件。作者已经解决了这个问题。