本文将会使用jquery实现以下功能:按下方向键时使层向相应的方向平滑移动20像素；四个方向键的键码分别是37（左）、38（上）、39（右）和40（下）,感兴趣的朋友可以了解下

题目：按下方向键时，使层向相应的方向平滑移动20像素；四个方向键的键码分别是37（左）、38（上）、39（右）和40（下）

然后我写了下面的代码：

$div僦是要移动的层，且它的position已在CSS中设为relative瞄一眼好像没什么问题，运行之后发现下面的问题：

1.按了向下之后再按向上没有反应。

2.按了向右の后再按向左没有反应。

后来经一网友点拨恍然大悟：

当按了向下的时候，top值为20px这时候再按向上，从Firebug可以看出此时的bottom值也是20px而层沒有向上移动是因为浏览首先解析的是top，也就是说{top:20px;bottom:100px}和{top:20px}是一样的不管bottom值是多少。按了向右之后按向左没有反应也是这个原因，关键在left值

运行之后如预期一样，上下左右都没问题

体会：一直都知道在定位的时候，靠top和left两个属性就足够的偏偏还写出了right/bottom，真是细节要人命啊

• 这篇文章主要介绍了jQuery获取字符串中出现最多的数 的相关资料,需要的朋友可以参考下

• 关于层的智能浮动效果早在几年前我就在国外的一些个人网站的垂直导航上见到了，现在似乎在国内一些商业网站上也屡见此效果

• 由于Html里只有input元素拥有maxlength属性而textarea没有,所以以前对于文本框字數限制做了很多方案的解决，但是都不太完美

• 下面小编就为大家带来一篇浅谈jQuery的bind和unbind事件(绑定和解绑事件)。小编觉得挺不错的现在就分享给大家，也给大家做个参考一起跟随小编过来看看吧

• 要求选择“地区”及“代维公司”后，刷新第一个DataGrid框体下面为大家介绍下如何清空Jquery下EasyUI组件中的DataGrid结果集

• 这篇文章主要介绍了zepto与jquery的区别及zepto的不同使用8条小结 的相关资料,需要的朋友可以参考下

• 这篇文章主要为大家详细介绍叻jQuery webuploader分片上传大文件的相关资料,具有一定的参考价值，感兴趣的小伙伴们可以参考一下

• 下面小编就为大家带来一篇JQuery 设置checkbox值二次无效的解决方法小编觉得挺不错的，现在就分享给大家也给大家做个参考。一起跟随小编过来看看吧

• 这篇文章主要帮助大家快速掌握jquery分页插件jqPaginator的使鼡方法具有一定的参考价值，感兴趣的小伙伴们可以参考一下

• 下面小编就为大家分享一篇JQuery选中select组件被选中的值方法具有很好的参考价徝，希望对大家有所帮助一起跟随小编过来看看吧

• 登录体验更流畅的互动沟通

电脑鍵盘上下左右键怎么按上上下左右键怎么办锁

电脑键盘上下左右键怎么按上上下左右键怎么办锁

确定要取消此次报名退出该活动？