jQuery – 如何淡入/淡出一种颜色到另一种颜色？ （jQuery可能的第三方插件？）

我正在为jQuery寻找jQuery脚本或第三方插件，它可以根据“从颜色”和“颜色”创建淡入/淡出效果。 我如何看待它的示例：

$( selector ).fadeColor({ from: "#900", // maroon-red color to: "#f00", // blood-red color }, 3000); // last argument is the time interval, in milliseconds in this particular case it's based for 3 seconds 

Answer 1

jQuery UI扩展了jQuery的animate方法以包含颜色动画。 然后你可以这样做：

 $("#someId").animate({backgroundColor: "#ff0000" }); 

这是一个有效的例子 。

Answer 2

你不需要另一个插件。 例：

jQuery的

 $(selector).css("color", "blue"); 

CSS

 selector { transition: color .3s; } 

这将工作得很好（并且不会减慢网站速度）。

Answer 3

jQuery UI 动画function将完成它。

在这里查看jsFiddle。

Answer 4

这是我的2美分价值 – 一个连续脉动按钮的jsFiddle，在文档加载时触发。

在这里演示

 function fadeDivIn(){ $("#div").animate({backgroundColor: "#ed3" }, 4000, function(){fadeDivOut();}); } function fadeDivOut(){ $("#div").animate({backgroundColor: "#3de" }, 4000, function(){fadeDivIn();}); } $(document).ready(function(){ fadeDivIn(); });