jQuery：动画文本颜色

Posted 2023-05-08

【中文标题】jQuery：动画文本颜色

【英文标题】：jQuery: animate text color

【发布时间】：2011-11-22 21:41:24

【问题描述】：

我想在悬停事件中动态更改链接颜色。到目前为止，我得到了以下代码，但它不起作用。任何建议为什么？在我看来，这似乎是对的......

    $('.fadelink').hover(function()            
        $(this).animate(
            color: '#333'
        , 600);            
    ,
    function()
        $(this).animate(
            color: '#999'
        , 600);          
    );

【问题讨论】：

如果您不想太复杂，只需将元素淡出，更改颜色并将其淡入即可。最简单的选项。

试试这个jqueryui.com/demos/animate

jQuery: animate text color for input field?的可能重复

【参考方案1】：

您必须添加colors 插件才能使其工作。那是从核心中剥离出来的。

【讨论】：

是的，忘记了颜色插件。我的错。

【参考方案2】：

jQuery 不支持颜色动画，但可以通过颜色插件：http://plugins.jquery.com/project/color

但是，如果您不介意 CSS3 在某些较旧的浏览器中无法使用，您可以采取另一条路线：

.baseClass 
    color:#999; 

    -webkit-transition-property:color; 
    -webkit-transition-duration: 1s, 1s; 
    -webkit-transition-timing-function: linear, ease-in;


.baseClass:hover 
    color: #333;

【参考方案3】：

查看这个问题的答案：jQuery: animate text color for input field?

您不能使用 jQuery 为 css 文本颜色设置动画。

【参考方案4】：

您必须使用jQuery color plugin 来制作彩色动画。