从图像A淡出到图像B,包括文本

Fade from image A to image B, including text?

本文关键字:图像 包括 文本 淡出      更新时间:2023-09-26

因此,我发现了这篇关于使用javascript(使用不透明度,在Mozilla、Opera和IE中有效)在图像之间褪色的精彩文章:http://www.cryer.co.uk/resources/javascript/script19_fade_image.htm#self

我想知道,我能对文本做同样的处理吗?我的意思是,如果两个图像中都有文本,并且我希望渐变与文本同时发生?

感谢

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

http://jsfiddle.net/Tr2LA/

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

$('#fadeOut').click(function() {
  $('#fadeOut').fadeOut('slow');
  $('#fadeIn').fadeIn('slow');
});