jQuery实现了用方向键控制图层的上下左右移动

标题：按方向键时，使图层向对应方向平滑移动20像素；四个方向键的键码分别为37(左)、38(上)、39(右)和40(下)。然后我写了下面的代码：。

$div是要移动的层，它的位置在CSS中被设置为相对。乍一看，似乎没什么问题。运行后发现以下问题：1。按下后，再按上没有反应。2.按右后，再按左没有反应。后来被网友拨通后，我才恍然大悟：你按下去，顶值是20px，再按上去。从Firebug可以看出，此时的底值也是20px，图层没有上移是因为浏览器先分析了顶，也就是{ top:20px无论底部值如何，底部：100px}和{顶部：20px}都是相同的。按右后，按左没有反应，这也是原因。关键在于左值。于是我改了代码：。

手术后，不出所料，上下都没问题。体验：我一直知道定位的时候，顶和左两个属性就够了，但是我也写了右/底，真的很要命。