将鼠标移到另一个图像上淡入淡出

Question

我有两个图像。我想让第二张图像淡入，当我在第一张图像上“鼠标悬停”时淡出，当我从第一张图像中“悬停”时淡出。

我该如何使用css3来实现这个功能？

我提前感谢您的回复。

Answer 1

其实我不知道如何做到这一点使用CSS3，但使用JQuery：

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

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

这是几个图像的基本解决方案，但你可以做到动态地根据自己的需要。