java上下左右键盘控制_键盘控制div上下左右移动 (转)

这篇博客介绍了如何使用JavaScript和JQuery监听键盘事件,根据用户按下左、上、右、下方向键,动态调整Div元素的位置,实现Div在页面上的移动效果。
摘要由CSDN通过智能技术生成

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

}

});

});

http://www.cnblogs.com/cglWorkBook/p/5134698.html

JS实现用键盘控制DIV上下左右+放大缩小与变色

h-CN">

用键盘控制DIV && Div闪烁

ext/css"> html,body{overflow:hidden;}body{margin:0;padding:0;}pre{colo ...

JQuery 通过方向键控制div上下左右移动

在CSS中当DOM元素的position属性为absolute或relative时,我们可以通过改变这个元素的left和top属性的具体值来控制元素在页面中显现的位置. 利用上述属性,我们可以简单实现 ...

控制DIV移动

键盘控制DIV移动

&lt ...

随机推荐

【bzoj1672】[USACO2005 Dec]Cleaning Shifts 清理牛棚

题目描述 Farmer John's cows, pampered since birth, have reached new heights of fastidiousness. They now ...

【BZOJ-1426】收集邮票 概率与期望DP

1426: 收集邮票 Time Limit: 1 Sec  Memory Limit: 162 MBSubmit: 261  Solved: 209[Submit][Status][Discuss] ...

每日总结 -----把人家代码干掉了 我恨git

今天搞了下午git,写完代码commit之后,pull完发现没法push,说是和origin有分支,然后自己查资料又是reset又是rebase的,commit之后发现自己改动的代码几乎没有被提交上去 ...

JavaScript 立即执行函数

js中(function(){…})()立即执行函数写法理解 javascript和其他编程语言相比比较随意,所以javascript代码中充满各种奇葩的写法,有时雾里看花,当然,能理解各型各色的写法 ...

移动设备和SharePoint 2013 - 第3部分:推送通知

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值