我有 4 张图像堆叠在一起，见下文：
我正在努力实现两件事：
当鼠标悬停在背景中的图像上时，该图像应以淡化效果出现在前景中。每个图像下方还有不同的文本，该文本应该出现在前台。（那里不需要褪色）
结果应该是这样的：
每隔 10-15 秒（无需用户输入），右侧的下一张图像应自动淡入。
从技术上讲，我考虑将每个图像和文本放入一个单独的 div 中，并使用 z-order。使用 jquery 可以实现淡化效果，但不幸的是，我以前没有使用过。
非常感谢任何示例代码、特定帮助或指针。
谢谢！
问问题
2519 次
2 回答
1
虽然不可能通过他的z-index控制元素的淡入淡出，
但我们总是可以欺骗我们的眼睛所看到的。
演示库
为此，我们可以这样做：
- 在我们的图库中插入一个 DIV 元素，该元素将获取当前图像
src的属性并将其设置为他的背景图像 - 隐藏当前图像，将 DIV 定位在此图像上 .position()
- 淡入/淡出我们的 DIV
- 重置图像可见性
如果您有任何问题，请告诉我，我可以评论我的代码以使我使用的步骤更清晰。
快乐编码
于 2011-08-05T16:37:23.780 回答
0
看看这个插件。只需探索它，它有 100 种不同的效果，您可能希望在您的情况下使用它们。
于 2011-08-02T18:53:47.973 回答