javascript - Jquery 在悬停时淡化背景？

Question

有一个没有背景的链接和一个 css 规则，它在悬停时改变背景。

父 bg 为白色，悬停时链接为蓝色。

我怎样才能做一个缓慢的悬停效果，从白色到蓝色？

谢谢。

li a {}
li a:hover { background: blue; }

Answer 1

jQuery('a#theLink').hover(function(){
    $(this).stop().animate({backgroundColor: 'blue'});
}, function() {
    $(this).stop().animate({backgroundColor: 'white'});
});

为此，您需要下载 jQuery 的“ color plugin ”。