鼠标悬停时淡入淡出，鼠标悬停时淡出

Question

我一直在尝试使用所有不同的代码，但仍然无法正常工作。 我需要做的就是在鼠标悬停时淡入图像，在鼠标悬停时淡出。 不交换图像。 我只需要一个简单的淡入淡出效果。

鼠标悬停时的淡入效果就像是一种魅力，但鼠标悬停时我的图像无法正常淡出。 我只需要在鼠标移出时将图像恢复到原始状态即可。

当我将鼠标移回图像时，有时还会循环出现淡入和淡出效果。

请帮助=（

这是我的代码：

<img src="images/adapter-vector.png" width="250" height="88" id="Image1" onmouseover="MM_effectAppearFade (this, 500, 100, 50, true)" Onmouseout="MM_effectAppearFade(this, 500, 50, 100, true)">

Answer 1

使用jQuery非常简单

$( "#Image1" ).hover(
  function() {
    $( this ).attr('src','image1.jpg');
  }, function() {
     $( this ).attr('src','image2.jpg');
  }
);

它再简单不过了...希望对您有所帮助！