jquery - 如何在jQuery中做这些效果？（褪色悬停和滑动图标）

Question

我一直在寻找对链接有类似影响的脚本，如下所示：http: //applemaybe.com/

在顶部菜单上查看，单击链接，悬停状态不会立即出现而是消失，图标也以一种很好的方式向上滑动。我需要能产生完全相同效果的脚本。

任何帮助表示赞赏。

Answer 1

他们实际上是在使用 CSS3 过渡。如果您接受它并不适用于所有浏览器，因为它是一种视觉效果，我建议您也这样做。在 JavaScript 中执行此操作可能不会产生好的结果，也可能会产生较差的性能结果。

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

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

但是，在这种情况下，它仅适用于 Firefox。您应该注意 CSS3 尚未完成，因此它可能会在未来发展。

有关 CSS3 过渡的文档，请参阅此页面。