文本框控制div元素移动

1：创建一个html文件

 

2：选择语言

 

3：输入创建框架

 

  4.写两个 input文本框用来控制div元素的上下左右方向并设置id

  

 

  5.写一个div与button按钮并设置id

  

 

6.设置div的样式（注意，方向只能设置在内联样式中，不然用js属性设置时会无效）

 

 

7.在底部写一个script用来写js

 

8.获取input标签与div以及按钮

 

9.写一个function的函数。

 

10.在函数内写这样一串代码

 

11.给button按钮设置点击事件

 

12.完成，可查看效果