JavaScript——用键盘wasd控制div移动
来源:互联网 发布:php 分班问题 编辑:程序博客网 时间:2024/06/07 13:48
w:上 a:左 s:下 d:右
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div id="div" style="width: 100px;height: 100px;position: absolute;left: 100px;top: 100px;border: 1px solid red;background- color: red;"></div>
<script type="text/javascript">
var div=document.getElementById('div');
document.onkeydown=function(e){
switch(e.keyCode){
case 65:
div.style.left=parseInt(div.style.left)-10+"px";
break;
case 68:
div.style.left=parseInt(div.style.left)+10+"px";
break;
case 83:
div.style.top=parseInt(div.style.top)+10+"px";
break;
case 87:
div.style.top=parseInt(div.style.top)-10+"px";
break;
}
}
</script>
</body>
</html>
0 0
- JavaScript——用键盘wasd控制div移动
- 键盘控制div移动
- JavaScript——控制div的移动
- 用WASD来控制物体的前后左右移动
- 键盘控制DIV块移动
- Unity3D鼠标控制摄像机“左右移动控制视角+WASD键盘控制前后左右+空格键抬升高度”脚本
- js实现键盘控制移动div
- unity3d控制物品的移动(鼠标或上下左右WASD)
- JavaScript控制div的移动跟着鼠标一起移动div
- JavaScript强化教程——DOM编程(两种控制div移动的方法)
- JavaScript强化教程——DOM编程(两种控制div移动的方法)
- JavaScript强化教程——DOM编程(两种控制div移动的方法)
- 【Unity】【Code】通用代码库(一)——物体的wasd移动
- js键盘控制div移动,解决停顿问题
- Javascript控制DIV上下移动(仿265移动特效)
- 键盘移动div样例
- JavaScript-用键盘控制动画
- JS实现用键盘控制DIV
- scanf获取句子
- 浅谈面向对象
- printf函数详解
- 第十四周项目一 验证算法(折半查找)
- scorll嵌套listview,显示不全
- JavaScript——用键盘wasd控制div移动
- tips
- NOIP2016不正经总结
- android AsyncTask基础用法及个人理解(上)
- Unity5.x制作FPS游戏
- 数据类型
- Java文件读写
- MySQL学习笔记-基础篇
- 记android学习之路----数据持久化之SQLite