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: animate text color for input field?

您无法使用jQuery为css文本颜色设置动画。

Answer 4

您必须使用jQuery color plugin才能使色彩动画生效。

Answer 5

您可以使用：

$('#demodiv').animate({color: '#E4D8B8'})

在此处查看更多内容：http://www.bitstorm.org/jquery/color-animation/

jQuery：动画文本颜色

5 个答案: