Jquery在hover时淡出背景?
有一个没有背景的链接和一个css规则,它会在hover时更改背景。
父bg是白色的,hover时链接 – 蓝色。
如何从白色到蓝色慢慢地做hover效果 ?
谢谢。
li a {} li a:hover { background: blue; }
jQuery('a#theLink').hover(function(){ $(this).stop().animate({backgroundColor: 'blue'}); }, function() { $(this).stop().animate({backgroundColor: 'white'}); });
为此,您需要下载jQuery的“ 颜色插件 ”。
您不需要额外的颜色插件。 你只需要在jQuery之上使用jQuery UI,它也可以让你在颜色上做动画。 (或者如果你不想出于某些原因使用jQuery UI,我猜另一个插件会有所帮助。但我已经成功地尝试了这个,只包括jQuery核心和jQuery UI。)
动画本身就像……
$("li").hover(function() { $(this).animate({ backgroundColor: "#ffffff" }, 'slow'); });
bgFade一个非常棒的简单插件,动画de background image:
为了动画颜色,您需要颜色插件
您需要使用插件,因为JQuery无法开箱即用。
试试Color Animation插件
然后它会是这样的:
$(this).animate({ backgroundColor: "blue" }, 'slow');