jQuery：动画文本颜色

我想动态更改悬停事件中的链接颜色。到目前为止，我得到了下面的代码，但它不工作。任何建议为什么？在我的oppinion这似乎是正确的...jQuery：动画文本颜色

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

来源

2011-09-22 Mikaelik

如果你不想过于复杂，只需淡出元素，改变颜色并将其淡入。最简单的选项。 – f0x

可能重复[jQuery：输入字段的动画文字颜色？]（http://stackoverflow.com/questions/1354277/jquery-animate-text-color-for-input-field） – Neal

试试这个http：// jqueryui .com/demos/animate/ –

您必须添加colors插件，使其工作。这是从核心剥离。

来源

2011-09-22 14:27:47 Arda

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

这就是...谢谢你！ :) – Mikaelik

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

您可以使用jQuery不动画CSS文本颜色。

来源

2011-09-22 14:29:22 Neal

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

来源

2011-09-22 14:29:47 Usman

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

来源

2011-09-22 14:30:46

您可以使用此：

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

查看更多在这里：http://www.bitstorm.org/jquery/color-animation/

来源

2013-02-21 01:24:25 Slipstream

jQuery：动画文本颜色

回答

相关问题