仅通过css的hover属性实现简单的背景变换已经满足不了一些追求美观的人。本实例即教大家如何在不修改原有CSS代码的前提下，使用jQuery实现光标悬停在链接上时的淡入淡出效果。

请看演示：demo。

通过演示，你可以发现例子里面，当鼠标停在链接上方是，背景图片会有一个淡出淡入过渡效果。实现这种效果的原理是这样的：

在此函数代码（linkFader.jquery.js）的帮助下，我们只需在链接标签<a>上添加一个名为“linkFader”的Class类，就可实现鼠标悬停在链接上时的淡入淡出效果。即使客户端的JavaScript处于不可用状态，CSS文件里面的HOVER效果仍将起作用。
请注意，要想使这个淡入淡出效果起作用，我们的链接标签<a>必须使用图片替换技术（即<a>需在CSS中定义为图片链接，具体请参考示例中的写法）来编写CSS代码，否则代码将不会起作用。这是因为此函数代码是基于背景（图片）位置偏移原理所编写，如果没有图片作为链接<a>的背景，偏移也就无从谈起了。