jQuery - 如何淡入/淡出一种颜色到另一种颜色?(jQuery可能的第三方插件?)

10 jquery fade fadeout fadein

我正在为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
Run Code Online (Sandbox Code Playgroud)

Jam*_*ice 15

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

$("#someId").animate({backgroundColor: "#ff0000" });
Run Code Online (Sandbox Code Playgroud)

这是一个有效的例子.


Kri*_*rii 11

你不需要另一个插件.例:

jQuery的

$(selector).css("color", "blue");
Run Code Online (Sandbox Code Playgroud)

CSS

selector {
  transition: color .3s;
}
Run Code Online (Sandbox Code Playgroud)

这将工作得很好(并且不会减慢网站速度).

  • 节省一个小时,然后使用它! (2认同)
  • 甚至更短:$(selector).css(“ transition”,“ color .3s”)。css(“ color”,“ blue”); (2认同)