tnblog
首页
视频
资源
登录

jqurey 用 keydown让图片上下左右移

5817人阅读 2019/8/29 17:08 总访问:121545 评论: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);
            });
        });


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



评价

jqurey 冒泡事件 样式叠加解决三种方法

同时设置不同层的事件会叠加$(function () { $(&quot;.one&quot;).click(function () { console.log(event.target) console...

自定义jqurey插件

;(function(){$.fn.myjoson=function(){自己定义的内容} })(jQuery)//例如下面这个提交表单将表单的内容转换成JSON对象方...

NET Core 使 EF Code First

下面这些内容很老了看这篇:https://www.tnblog.net/aojiancc2/article/details/5365 项目使用多层,把数据库访问...

使OLEDB读取不同版本Excel的连接字符串设置

使用OleBD读取excel的时候,excel不同的版本,连接字符串的写法也会不一样。///&lt;summary&gt; ///读取excel ///&lt;/su...

vs2017 对 COM 组件的调返回了错误 HRESULT E_FAIL

vs2017添加引用报错 对 COM 组件的调用返回了错误 HRESULT E_FAIL 1.以管理员身份打开vs2017开发人员命令指示符 2...

如何修改重置MD5加密后的SQL户密码

二次开发时,要加一个忘记密码的功能,后台写了修改密码的方法,数据库执行也修改成功,但是登录一直提示密码错误。之所以...

时间日期处理总结

时间处理是项目中不可缺少的,下面整理了一些常用时间处理的用法,记录一下。原文地址:https://blog.csdn.net/ohdajing/ar...

C ?、?? 问号和2个问号的法(类型?、对象?)

C# ?C# ???:单问号1.定义数据类型可为空。可用于对int,double,bool等无法直接赋值为null的数据类型进行null的赋值如这...

C out、ref关键字的法和区别

说说自己对out、ref的认识,面试问到的几率很高哟。out:classProgram { /* *out、ref都是引用传递,传递后使用都会改变...

C 使CancellationTokenSource取消多线程

有时间我们在使用多线程的时候,需要取消线程的执行,可以使用CancellationTokenSource来取消对Task开辟多线程的取消如下:...

使爬虫刷csdn博客访问量

首先了解一下常见反爬虫的检测方法频率监测:有些网站会设置一种频率监测的机制,对于同一IP,若在一定时间内访问的速度超...

Redis常命令

启动服务命令 redis-server.exe redis.windows.conf 连接命令 redis-cli.exe -h ip地址 -p 6379 连接本地...

Redis常配置

配置主从节点slaveof127.0.0.16379 可能会遇到持久化错误:Error reply to PING from master: ‘-MISCONF Redis is configu...

Idea下使maven搭建SSM(一):SpringMVC

Spring MVC是一款基于MVC架构模式的轻量级Web框架,其目的是将Web开发模块化,对整体架构进行解耦,简化Web开发流程。下面...

Idea下使maven搭建SSM(二):MyBatis

开发Web应用,数据的存储和处理往往离不开数据库和SQL语句。在使用Java开发的Web应用中,自然也少不了连接数据库的步骤。在...
希望你懂得很多之后,依旧热爱生活
排名
31
文章
25
粉丝
11
评论
6
MUI 页面传值
是伍尚金哇 : 翻了半天不到底
MUI 页面传值
剑轩 : 可以,在写文章的时候,有需要写代码的地方,可以选择编辑器上的...
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术