Onclick - 轻推div

Question

我在div上使用以下javascript来转到链接：

<div style="cursor:pointer;" onclick="location.href='http://www.test.com';">

onclick是否有可能将div缩小3px所以它看起来像是通过javascript点击了？如果是这样，我该怎么做？

Answer 1

使用CSS Pseudo-class：

div:active{
 padding-top:3px;
}

http://jsfiddle.net/prZ7w/1/

Answer 2

这样的事情应该做：http://jsfiddle.net/XnqSE/

关键是设置position: relative，以便top:3px可以产生效果。

Answer 3

模拟这个（可以说）的最好方法是为按钮定义2个样式属性，并在单击按钮时更改id。

这是一个类似的问题：

HTML page refreshment with Javascript