jQuery - 從透明到無白色閃光的顏色動畫？

Question

我需要從透明到彩色動畫，但是當我做到白色閃光。我認爲這是因爲沒有基礎顏色來製作動畫。我如何解決這個問題？

$('#nav a').hover(function() { 
    $(this).animate({ 
     'background-color' : $(this).attr('data-background'), 
     'color' : $(this).attr('data-rollover') 
    }, 900); 
}); 

<a style="color:#ffff00; " data-background="#000066" data-color="#ffff00" data-rollover="#000000" href="index.php?p=1" ><span >Home</span></a> 

Answer 1

動畫opacity而不是background-color財產。

Answer 2

Alex是對的。你已經用opacity做到了。你可以試試這個：

$('#nav a').hover(function() { 
    $(this).animate({ 
     'opacity': 0 
    }, 
    1, 
    function() { 
     $(this).css({ 
      'background-color': $(this).attr('data-rollover'), 
      'color': $(this).attr('data-color') 
     }).animate({ 
      'opacity': 1 
     }, 
     900); 
    }); 
});