javascript - 从图像 A 淡入图像 B，包括文字？

Question

所以我找到了这篇关于使用 javascript 在图像之间淡入淡出的很棒的文章(使用不透明度，它在 Mozilla、Opera 和 IE 中有效):http://www.cryer.co.uk/resources/javascript/script19_fade_image.htm#self

我想知道，我可以对文本做同样的事情吗？我的意思是，如果两个图像中都有一些文本，并且我希望淡入淡出与文本同时发生？

谢谢

Answer 1

下面是如何使用 JQuery 在两个图像和文本之间淡入淡出的示例:

http://jsfiddle.net/Tr2LA/

单击图像开始播放动画。它的工作原理是使用 JQuery 淡出一个 div，同时淡入另一个。每个 div 包含一个图像和一个文本。

$('#fadeOut').click(function() {

  $('#fadeOut').fadeOut('slow');

  $('#fadeIn').fadeIn('slow');

});