Position Absolute

使用jquery悬停图像链接推子

您是否无聊地看到同样的旧CSS图像替换悬停链接的替代技巧?添加有点扭曲,使其在悬停上甚至没有触摸CSS时悬停。

使用此脚本,您可以通过在标记上添加“linkfader”类来自动逐渐消退。如果禁用JavaScript,则CSS悬停仍然可以工作,就像圣诞节!

您的链接必须使用 CSS图像替代技术,否则它将不起作用。那是因为这个脚本基于背景位置悬停技术。但是你应该始终这样做你的图像链接。

查看演示

2将此用于在您的网站上工作的简单步骤

Step 1:添加jQuery库脚本和悬停脚本<head> document

Step 2 : 在你的<a>标记添加类linkfader

就是这样,您可以在2分钟内完成所有图像悬停链接。

下载源代码 查看演示

需要时间来维护这些JavaScript片段,如果您喜欢并在此处使用工作,请考虑为我买啤酒,这是便宜的,一种简单的方式来回馈!