1.效果图
2.实现原理
页面监听按键事件,在方向键按下的时候,移动选中的元素。
//快捷键控制移动 $(document).keydown(function (event) { var keyNum = event.which var item = $('#' + curRectangle) //animate有这个功能,-=2 表示原来的值-2在赋给该属性。 switch (keyNum) { case 37: item.animate({left:'-=2'},0) break; case 38: item.animate({top:'-=2'},0) break; case 39: item.animate({left:'+=2'},0) break; case 40: item.animate({top:'+=2'},0) break; default: { break; } }