从黑白过渡到颜色？

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;">