語法淡入的，淡出

Question

我無法找到正確的語法用於應用淡入，淡出到以下幾點：

$("#first").hover(
    function() { 
     $("#first").css("background-color","#171716");  

     }, 
    function() { 
     $("#first").css("background-color","#FAFAF8");   
     } 
    );  

達到在div「第一」的背景色平滑變化的過渡。 謝謝

Answer 1

它不是淡入/淡出，你需要使用animate() - 動畫背景顏色，你需要使用jQuery UI/jQuery color

$("#first").hover(function() { 
    $(this).animate({ 
     "background-color": "#171716" 
    }); 
}, function() { 
    $(this).animate({ 
     "background-color": "#FAFAF8" 
    }); 
}); 

演示：Fiddle

Answer 2

純粹的jQuery不具備動畫顏色的功能。您必須使用jQueryUI或jQuery color plugin。然後使用.animate()。