jQuery:输入字段的动画文本颜色?

Posted

技术标签:

【中文标题】jQuery:输入字段的动画文本颜色?【英文标题】:jQuery: animate text color for input field? 【发布时间】:2010-11-24 04:00:21 【问题描述】:

我有一段非常简单的代码,我认为这是让 jQuery 为给定输入字段的文本颜色设置动画的正确方法。

$('input').animate(color: '#f00', 500); 

但这行不通。但是,我可以更改文本颜色:

$('input').css('color', '#f00'); 

我在 Safari 4 和 Firefox 3.5 中都尝试过,结果相同(缺少)。 我真的很感激任何关于这个问题的意见,因为我的头发快用完了......谢谢。

【问题讨论】:

jQuery animate backgroundColor 的可能重复项 【参考方案1】:

jQuery 不支持彩色动画,因此您需要color 插件或jQuery UI。两者都允许您使用用于背景颜色和颜色等属性的语法。

【讨论】:

【参考方案2】:

要为颜色设置动画,您需要 jquery color plugin。

【讨论】:

【参考方案3】:

你可以在没有颜色插件的情况下做到这一点。我已经回答了这个问题here。

【讨论】:

【参考方案4】:

为此,您需要 Color Animations plugin

【讨论】:

你可以在google搜索首页google.ru/search?q=jquery+animate+color了解这个【参考方案5】:

使用jQueryUI,您的代码将按原样运行。

【讨论】:

包含 jQuery-ui 对于彩色动画来说是一个巨大的包含!【参考方案6】:

我发现颜色插件从一个页面加载到另一个页面时非常不稳定,即使在具有完全相同代码的静态页面上也是如此..!不过,ColorBlend 完美地完成了这项工作。 http://plugins.jquery.com/files/jquery.colorBlend.js_6.txt

【讨论】:

以上是关于jQuery:输入字段的动画文本颜色?的主要内容,如果未能解决你的问题,请参考以下文章

jQuery:动画文本颜色

jQuery动画输入字段的变化值

使用 jQuery 在搜索框中输入动画文本

SwiftUI:输入无效时文本字段抖动动画

如何将标签添加到 textField 类或动画占位符

在 jQuery 中停止递归动画