瑾冰

jqurey 用 keydown让图片上下左右移

电脑版发表于:2019/8/29 17:08

$(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);
            });
        });


         <img id="img" src="img/5.gif" style="position:absolute; top:250px; left:600px;"/>



关于TNBLOG
TNBLOG,技术分享。技术交流:群号677373950
ICP备案 :渝ICP备18016597号-1
App store Android
精彩评论
{{item.replyName}}
{{item.content}}
{{item.time}}
{{subpj.replyName}}
@{{subpj.beReplyName}}{{subpj.content}}
{{subpj.time}}
猜你喜欢