将鼠标悬停在另一个图像上时，淡入和淡出图像

Question

我有两张照片。我希望第二张图像在第一张图像上“鼠标悬停”时淡入，在第一张图像“鼠标移开”时淡出。

如何使用css3来完成此操作？

我提前感谢您的回复。

Answer 1

实际上我不知道如何使用CSS3，但使用JQuery：

$('#image1').mouseover(function() {
  $('#image2').fadeIn();
});

$('#image1').mouseout(function() {
  $('#image2').fadeOut();
});

这是一些图像的基本解决方案，但您可以根据需要动态执行此操作。