如何在jQuery中实现这些效果？（渐弱悬停和滑动图标）

我一直在寻找在以下链接上具有类似效果的脚本：

请参见顶部菜单，单击链接，悬停状态不会立即出现，但会褪色，图标也会以良好的方式向上滑动。我需要的脚本，使完全相同的效果请

---

感谢您的帮助。

他们实际上正在使用CSS3转换。如果你接受它不适用于所有浏览器，因为它是一个令人眼花缭乱的效果，我建议你也这样做。在JavaScript中这样做可能不会产生很好的结果，也可能会产生很差的性能结果

在CSS3中执行此操作既简单又快速。在上面提到的网站上，他们只有这个CSS3类：

a, .link {
    -moz-transition: color 0.4s ease-in-out 0s;
    ...
}

不过，在这种情况下，它只能在Firefox中工作。您应该注意CSS3尚未完成，因此它可能会在将来发展

---

有关CSS3转换的文档，请参阅。

您为什么不看看他们的源代码，看看它是如何工作的，而不是等待并希望有人为您编写此代码……您可以随时查看源代码。此外，您可能还想了解CSS精灵是什么。它们只需使用for

背景图像

，并在切换

.active

类时设置

背景位置

属性的动画。使用css3（过渡）可以轻松实现淡入淡出效果。只是说说而已。它完全没有javascript。只是背景图像的css转换<代码>-moz转换属性：颜色、背景正在为活动链接和正常链接的精灵的不同背景位置执行所有魔法。