尝试使用 jQuery 获得 CSS3 过渡的后备 [重复]答案

【问题标题】：Trying to get a fallback for CSS3 transitions using jQuery [duplicate]尝试使用 jQuery 获得 CSS3 过渡的后备 [重复]
【发布时间】：2012-10-14 01:27:41
【问题描述】：

可能重复：
Special color transition effect with pure jQuery animation // no ui or other libary

我认为这段代码应该是这样，但它不起作用。我可以说它正在改变颜色，但它不是 fading（如 CSS3 过渡）。请帮忙。我的代码：

$(document).ready(function(){
    $("#nav-wrap ul li a").mouseover(function(){
        $(this).css("color","#444");
    });

    $("#nav-wrap ul li a").mouseout(function(){
        $(this).css("color","#999");
    });
});

【问题讨论】：

标签： jquery css animation transition fading

【解决方案1】：

$(document).ready(function(){
    $("#nav-wrap ul li a").hover(function(){
            $(this).stop().animate({color:'#444'}, 300);
        }, function () {
            $(this).stop().animate({color:'#999'}, 100);
        }
    )}
});

此代码需要 jQuery UI。

【讨论】：

您知道，如果没有 UI/UI.color 模块，动画颜色将无法工作。在人们开始抱怨和投反对票之前，您至少可以添加一条注释。 =]
谢谢！！这就是我要找的！ :D

【解决方案2】：

你需要的是animate()元素，而不是简单地改变css中的颜色值。 Here 是有关如何操作的参考。

【讨论】：