使用jquery或纯css单击链接时的小动画

Question

我在网站上看过一个小动画，我想知道它是如何完成的。

这是下面的网站。如果您查看顶部的菜单，当点击链接时，它们会稍微向后移动。我可以用jquery做这个，或者也可以用纯css完成。

如果是由jquery完成的，你也有我的代码吗？感谢

已删除

链接

Answer 1

使用CSS：

a:active {
    position: relative;
    top: 1px;
}

您可以在此处了解详情：http://css-tricks.com/5420-one-pixel-shift-buttons/

Answer 2

我认为，没有动画只是改变位置 例如：

.menuItem:active {
    margin-top: 1px; /* or padding-top or just top */
    position: relative;
}