点击-向下推div

Question

我在div上使用以下javascript来链接:

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

是可能的，onclick，把div向下推3px，所以它看起来像它被点击通过javascript?如果有，我该怎么做?

Answer 1

使用一个CSS伪类:

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

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

Answer 2

应该这样做:http://jsfiddle.net/XnqSE/

关键是要设置position: relative，这样top:3px才能发挥作用。

Answer 3

模拟这种情况的最好方法是为按钮定义2个样式属性，并在单击按钮时更改id。

这里有一个类似的问题:

用Javascript刷新HTML页面