jquery - 尝试使用 jQuery 获得 CSS3 过渡的后备

Question

可能重复：
带有纯 jQuery 动画的特殊颜色过渡效果 // 没有 ui 或其他库

我认为这段代码应该是它，但它不起作用。我可以说它正在改变颜色，但它没有褪色（如 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");
    });
});

Answer 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。

Answer 2

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