zoukankan
html css js c++ java
键盘控制div上下左右移动 (转)
<
html
>
<head
>
<title
></title
>
<
link
rel
="stylesheet"
type
="text/css"
href
="public/easy_ui/themes/icon.css"
>
<
script
type
="text/javascript"
src
="public/easy_ui/jquery.min.js"
></
script
>
<
script
type
="text/javascript"
src
="public/easy_ui/easy_ui.min.js"
></
script
>
<
script
type
="text/javascript"
src
="public/easy_ui/easyloader.js"
></
script
>
</head
>
<body
>
<
div
id
=
"div"
style
="background-color
:
red
; width
:
400px
; height
:
300px
; left
:
100px
; top
:
100px
;"
>
</
div
>
</body
>
<script
>
$(function
(){
$(document).keydown(
function (event) {
var keyCode = event.keyCode;
var space = 20;
var div = $(
'#div');
switch(keyCode){
case 37: div.offset({left:(div.offset().left - 20)});
break;
case 38: div.offset({top:(div.offset().top - 20)});
break;
case 39: div.offset({left:(div.offset().left + 20)});
break;
case 40: div.offset({top:(div.offset().top + 20)});
break;
default
: break
;
}
});
});
</script
>
</html
>
http://www.cnblogs.com/cglWorkBook/p/5134698.html
查看全文
相关阅读:
Pandas数据结构简要概述
pip install PyQt5和pip install PyQt5tools安装后,找不到designer.exe路径
解决Qt5中利用designer建立二级菜单无法输入中文的处理技巧
事务
大家一起讨论一下朋友网的人脉关系算法是怎么实现的
.net程序员必须学习的10项技术
KENDOUI控件 GRID中TEMPLATE中条件判断的使用
Kendo Template 模板中使用KendoUI组件
Kendo.Grid 使用POPUP时分别定义Create和Edit模板
Kendo UI 遮罩层组件
原文地址:https://www.cnblogs.com/softidea/p/5269810.html
最新文章
数据库并发操作与数据的不一致性(转)
WCF与AJAX编程开发实践(3):支持ASP.NET AJAX的WCF服务
ASP.NET的(HttpModule,HttpHandler)(转)
WCF与AJAX编程开发实践(5):支持XML的Ajax WCF服务
WCF与AJAX编程开发实践(2):支持ASP.NET AJAX的Web Service
如何处理大量数据并发操作(转)
WCF与AJAX编程开发实践(4):支持JSON的AJAX WCF服务
[转]关于ShowModalDialog中的Excel导出窗口不能自动弹出的问题
【转】在Visual Studio下编写64位应用程序应注意什么
VS2005无法调试程序
热门文章
(转)CSS多浏览器兼容性(IE和Firefox)技巧大全推荐
初学Web Service笔记之动态调用WebService
[转]Windows常用dll命令
emf文件打印遇到的问题的解决办法
(转)IIS5、IIS6、IIS7的ASP.net 请求处理过程比较
(转)IE6/IE7/IE8/Firefox的CSS各种兼容margin问题解决办法
androidsdk无法正常更新
RealView MDK 编译器,程序无故跑飞问题
pyqt5入门教程之弹出Dialog
pandas导入csv文件的方法和参数
Copyright © 2011-2022 走看看