从黑与白的过渡到颜色？

Question

我有一个黑白图标，我希望图标在悬停事件过程中转换为颜色图标（作为交叉淡入淡出）。我怎么能在jQuery中做到这一点？ #stumped。

谢谢！

Answer 1

一个例子是在这里：Greyscale Hover Effect w/ CSS & jQuery

Answer 2

如何衰落之一，另一个在外？

$(function(){ 
    $('#coloricon').hide(); 

    $("#bwicon").hover(function(){ 
    $('#bwicon').fadeOut('slow'); 
    $('#coloricon').fadeIn('slow'); 
    }); 
}); 

<img id="bwicon" src="bw.png" style="position:absolute;top:50;left:50;"> 
<img id="coloricon" src="color.png" style="position:absolute;top:50;left:50;">