如何使用jQuery淡化背景图像？

Question

我希望将背景图像从一个变为另一个并在此过程中淡入淡出。考虑到鼠标悬停/鼠标移动情况。

如何使用jQuery淡化背景图片？

我需要一个jQuery插件吗？

Answer 1

可能有一些可用的东西，但它应该很容易从以下部分组合：

• 使用hover pseudo event检查鼠标进入和离开元素的时间。
• 使用fadeIn和fadeOut更改元素的不透明度。
• 使用position:absolute创建一个div，并使用position:relative将两个图像放入其中。这将使图像堆叠在彼此之上