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更改后启动)
尝试使用动画
您可以使用jQuery .animate函数为css属性设置动画,即
$(this).animate({ height: 250 });
但是,抱歉,你无法设置颜色动画。 为此您需要使用插件,请参阅此答案以获取详细信息。
此外,如果您使用的是jquery UI,则可以:
注意:jQuery UI项目通过允许对颜色等非数字样式进行动画处理来扩展.animate()方法。 该项目还包括通过CSS类而不是单个属性指定动画的机制。
(来自http://api.jquery.com/animate/ )
你有这里的样品。