javascript - 悬停动画失败

Question

我正在为按钮制作动画效果，但效果不佳。它应该在悬停时慢慢显示颜色，并在鼠标离开时慢慢恢复正常。

我从 jQuery Animate text-color on hover 中举了一个例子

这是 jsfiddle: http://jsfiddle.net/eTymf/1/

$('.buttons').hover(
            function() {
                console.log(this);
                // do this on hover
                $(this).animate({
                    'borderBottomColor': '#2E9ECE',
                    'background-color': '#2E9ECE'
                }, 'slow');
            }, 
            function() {
                // do this on hover out
                $(this).animate({
                    'borderBottomColor': '#FFDF85',
                    'background-color': '#FEFEFE'
                }, 'slow');
        });

Answer 1

您的代码是完美的，您只需要包含 JQuery UI 库...

JQuery UI library and CSS included.

这里是更新的例子:http://jsfiddle.net/nickg1/eTymf/4/