Jquery鼠标悬停淡出(最佳实践)

.element {
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
}

.element:hover {
  opacity: 0.5;
}

$(".element").hover(
  function() {
    $(this).stop().animate({opacity: 0.5}, 500);
  }, function() {
    $(this).stop().animate({opacity: 1}, 500);
  }
);

$(".element").hover(
  function() {
    $(this).stop().fadeTo(500, 0.5);
  }, function() {
    $(this).stop().fadeTo(500, 1);
  }
);

$(".element").hover(
  function() {
    $(this).stop().fadeOut(500);
  }, function() {
    $(this).stop().fadeIn(500);
  }
);