2010-12-22 104 views
0

我有一个使用jquery的常规颜色更改,但我想要它,所以它有一个平滑的颜色变化。此时,代码将更改悬停时链接的颜色,然后在删除鼠标时将其删除。我看过一篇教程,但它没有解释它,它看起来不像我当前的代码。这是它看起来像此刻:提前与jquery褪色?

$(document).ready(function() { 
$("#link1,#link2,#link3").hover(function() { 
$(this).addClass("red"); 
},function(){ 
$(this).removeClass("red"); }); }); 

感谢

回答

2

你会使用.animate(),像这样:

$(document).ready(function() { 
    $("#link1,#link2,#link3").hover(function() { 
    $(this).stop().animate({ color: "#990000" }); 
    },function(){ 
    $(this).stop().animate({ color: "#FFFFFF" }); 
    }); 
}); 

不过请注意,你需要无论是color plugin,或jQuery UI包括彩色动画的工作。

+0

非常感谢,我用这个插件http://plugins.jquery.com/node/467/release,一切都很好 – Jake 2010-12-22 18:48:43

0

这里是不使用额外的jQuery插件的简便方法。实际上,这主要是用css完成的。使2个div彼此重叠并淡出最上面的一个。像这样:http://jsfiddle.net/Jny9x/