jQuery – 文本颜色淡入

我找不到解决这个问题的简单方法。

当按钮点击出现错误时,我试图淡化某些文本的颜色变化。

if (document.getElementById("username").value == ""){ //First Name $("#login_error").text("Please enetr a username!").css('color', '#FF0000'); $("#username_label").css('color', '#FF0000');fadeIn(3000); } 

我可以改变颜色,但它是即时的。 我想让颜色的变化慢慢消失。

多谢你们!

如果添加jQuery UI,他们会添加对颜色动画的支持。

有关详细信息,请阅读http://jqueryui.com/demos/animate/ 。

     

更新: jQuery现在提供了一个颜色插件 ,只启用此function而不包括整个jQuery-UI库。

你需要使用插件,它不是内置动画的一部分: https : //github.com/jquery/jquery-color

相关问题: jQuery动画backgroundColor

当然.css调用是即时的,而fadeIn只是链接(在css更改后启动)

尝试使用动画

也许这可以帮助你:

http://docs.jquery.com/UI/Effects/Highlight

您可以使用jQuery .animate函数为css属性设置动画,即

 $(this).animate({ height: 250 }); 

但是,抱歉,你无法设置颜色动画。 为此您需要使用插件,请参阅此答案以获取详细信息。

此外,如果您使用的是jquery UI,则可以:

注意:jQuery UI项目通过允许对颜色等非数字样式进行动画处理来扩展.animate()方法。 该项目还包括通过CSS类而不是单个属性指定动画的机制。

(来自http://api.jquery.com/animate/ )

你有这里的样品。

我找到了改变颜色的方法并找到了这个

https://stackoverflow.com/a/15234173/1128331

已经测试,它的工作我想要的:)