js實作鍵盤控制DIV移動的方法_javascript技巧

本文實例講述了js實作鍵盤控制DIV移動的方法。分享給大家供大家參考。具體分析如下：

css樣式部分：

複製程式碼 程式碼如下:

js部分：

複製程式碼 程式碼如下:

說明：

上：↑ 下：↓ 左：← 右：→
Ctrl 1 : 背景變成綠色
Ctrl 2 : 背景變成黃
Ctrl 3 : 背景變成藍色
Ctrl ↑ : 放大
Ctrl ↓ : 縮小

html部分：

複製程式碼 代碼如下:

移動的方塊【DIV】

希望本文所述對大家的javascript程式設計有所幫助。