Question

我无法找到将fadeIn，fadeOut应用于以下内容的正确语法：

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

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

在div“first”的背景颜色中实现平滑的变化转换。谢谢

Answer 1

纯jQuery没有动画颜色的功能。您必须使用jQueryUI或jQuery color plugin。然后使用.animate()。

Answer 2

不是淡入/淡出，您需要使用animate() - 为您需要使用的背景色设置动画jQuery UI / jQuery color

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

演示：Fiddle

fadeIn，fadeOut的语法

2 个答案: