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

时间:2009-12-27 20:12:25

标签: jquery background mouseover fade

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

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

我需要一个jQuery插件吗?

1 个答案:

答案 0 :(得分:1)

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

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