有一个没有背景的链接,还有一个CSS规则,在悬停时更改背景。
父元素背景是白色的,链接在悬停时变成蓝色。
我如何缓慢实现从白色到蓝色的悬停效果?
谢谢。
li a {}
li a:hover { background: blue; }
有一个没有背景的链接,还有一个CSS规则,在悬停时更改背景。
父元素背景是白色的,链接在悬停时变成蓝色。
我如何缓慢实现从白色到蓝色的悬停效果?
谢谢。
li a {}
li a:hover { background: blue; }
jQuery('a#theLink').hover(function(){
$(this).stop().animate({backgroundColor: 'blue'});
}, function() {
$(this).stop().animate({backgroundColor: 'white'});
});
为了使此功能正常工作,您需要下载 jQuery 的"color插件"。
$("li").hover(function() {
$(this).animate({
backgroundColor: "#ffffff"
}, 'slow');
});
你需要使用插件,因为JQuery本身无法动画化颜色。
尝试使用Color Animation插件。
然后就可以像这样:
$(this).animate({ backgroundColor: "blue" }, 'slow');