原

jqurey 用 keydown让图片上下左右移

5768人阅读 2019/8/29 17:08 总访问：120460 评论：0 收藏：0 手机

分类: jquery

$(function(){

           $(document).keydown(function(event){
               //获取按下的键
               var tu = event.which;
               //移动速度
               var yi = 10;
               //获取img当前的位置
               var top = parseInt($("#img").css("top"));
               var left = parseInt($("#img").css("left"));

               if(tu==37)//左
               {
                   left -= yi;
               }
               if(tu==39)//右
               {
                   left += yi;
               }
               if(tu==40)//下
               {
                   top += yi;
               }
               if(tu==38)//上
               {
                   top -= yi;
               }
               if(top<20)
               {
                   top=20;
               }
               if(top>500)//左
               {
                   top= 500;
               }
               if(left<20)//右
               {
                   left = 20;
               }
               if(left>1220)
               {
                   left=1220;
                }
               $("#img").css("top",top);
               $("#img").css("left",left);
           });
       });