溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
題目：按下方向鍵時，使層向相應的方向平滑移動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進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
