jQuery：动画文本颜色

Question

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

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

Answer 1

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

Answer 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;
}

Answer 3

请参阅此问题的答案： jQuery：输入字段的动画文本颜色？

您无法使用 jQuery 对 css 文本颜色进行动画处理。

Answer 4

您必须使用 jQuery 颜色插件 才能使彩色动画正常工作。