用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; 
}