题目：按下方向键时，使层向相应的方向平滑移动20像素；四个方向键的键码分别是37（左）、38（上）、39（右）和40（下）。
然后我写了下面的代码：
![[置顶] jQuery：用方向键控制层的移动](http://images.cnitblog.com/blog/461137/201301/12220752-c46a29a9370a41968ef6296ca7f80989.jpg)
$div就是要移动的层，且它的position已在CSS中设为relative。瞄一眼好像没什么问题，运行之后发现下面的问题：
1.按了向下之后，再按向上没有反应。
2.按了向右之后，再按向左没有反应。
后来经一网友点拨，恍然大悟：
当按了向下的时候，top值为20px，这时候再按向上，从Firebug可以看出此时的bottom值也是20px，而层没有向上移动是因为浏览首先解析的是top，也就是说{top:20px;bottom:100px}和{top:20px}是一样的，不管bottom值是多少。按了向右之后，按向左没有反应也是这个原因，关键在left值。
于是将代码改了下：
![[置顶] jQuery：用方向键控制层的移动](http://images.cnitblog.com/blog/461137/201301/12222037-ec2985bc2d8b4194b44e7f5481225660.jpg)
运行之后如预期一样，上下左右都没问题。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
