jquery - 使用 jQuery 淡入背景颜色？

Question

我想要一个 div 并让背景在鼠标进入时淡入白色，并在鼠标退出时淡出为黑色。关于如何在 jQuery 中执行此操作有什么想法吗？

Answer 1

使用 JQuery .hover()

  $("div" ).hover(
  function() {
     $(this).animate({backgroundColor: "#fff"}, 'slow');
  }, function() {
    $(this).animate({backgroundColor:"#000"},'slow');
  });

使用 JQuery .mouseover()

$("div")
  .mouseover(function() {
    $(this).animate({backgroundColor: "#fff"}, 'slow');
  })
  .mouseout(function() {
    $(this).animate({backgroundColor:"#000"},'slow');
  });

注意您必须使用jquery-color(用于动画颜色)。 https://github.com/jquery/jquery-color/