鼠标悬停时的Fadein和mouseout上的淡出

Question

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

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

当我将鼠标移回图像时，它有时会使淡入淡出并淡出效果。

请帮助=（

这是我的代码：

<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');
  }
);

它不能再简单了......希望它有所帮助！