JS实现用键盘控制DIV上下左右+放大缩小与变色
2018-10-12 14:06
1646 查看
用键盘控制DIV,红色方块为键盘操作区域,您可以进行如下操作:
上:↑ 下:↓ 左:← 右:→
Ctrl + 1 : 背景变为绿色
Ctrl + 2 : 背景变为黄色
Ctrl + 3 : 背景变为蓝色
Ctrl + ↑ : 放大
Ctrl + ↓ : 缩小
上:↑ 下:↓ 左:← 右:→
Ctrl + 1 : 背景变为绿色
Ctrl + 2 : 背景变为黄色
Ctrl + 3 : 背景变为蓝色
Ctrl + ↑ : 放大
Ctrl + ↓ : 缩小
用键盘控制DIV html,body{overflow:hidden;} body{margin:0;padding:0;} pre{color:green;padding:10px 15px;background:#f0f0f0;border:1px dotted #333;font:12px/1.5 Courier New;margin:12px;} span{color:#999;} #box{position:absolute;top:50px;left:300px;width:100px;height:100px;background:red;} [code=html] 红色方块为键盘操作区域,您可以进行如下操作: 上:↑ 下:↓ 左:← 右:→ Ctrl + 1 : 背景变为绿色 Ctrl + 2 : 背景变为黄色 Ctrl + 3 : 背景变为蓝色 Ctrl + ↑ : 放大 Ctrl + ↓ : 缩小[/code]
您可能感兴趣的文章:
相关文章推荐
- JS实现用键盘控制DIV上下左右+放大缩小与变色
- js实现用键盘控制DIV上下左右+放大缩小与变色
- js实现按键球,小球随键盘上下左右控制移动
- JS实现用键盘控制div的移动操作与背景变色
- js实现键盘的上下左右控制图片移动
- 实现一个简单的按钮实例-上下左右,左旋转,右旋转,放大缩小。
- js实现键盘控制DIV移动的方法
- js两只手指控制div图片放大缩小功能(2)
- 键盘控制div上下左右移动 (转)
- js两只手指控制div图片放大缩小功能
- js 键盘控制表格input上下左右移动
- 键盘控制div上下左右移动
- js实现div上下左右拉伸
- 实现一个简单的按钮实例-上下左右,左旋转,右旋转,放大缩小。代码重构
- 用JS实现键盘左右键控制图片移动
- 原生js实现键盘控制div移动且解决停顿问题
- js实现简单的动画(4个按钮控制图片上下左右移动)
- js实现键盘控制移动div
- js实现div的放大与缩小
- JS实现控制图片放大缩小代码