利用HTML5的drop、drag及拖动属性做元素位置交换

使用九宫格作为画布背景；每个九宫格中的元素为数字、数学公式、物理公式(注:一切能在数学条件下代表大小的元素)；拖动九宫格选中元素到目标元素，元素进行两两交换位置；在每一次元素位置发生变化时进行比较当前九宫格中所有元素是否由小到大顺序排列，如顺序排列就进入下一关；

 属性            大小     日期    时间   名称
----------- ---------  ---------- -----  ----

     文件       3704  2015-05-11 15:41  我是学霸渣\image\tf\1.png

     文件       4353  2015-05-11 17:05  我是学霸渣\image\tf\10.png

     文件       3991  2015-05-11 17:05  我是学霸渣\image\tf\11.png

     文件       4211  2015-05-11 17:05  我是学霸渣\image\tf\12.png

     文件       4516  2015-05-11 17:05  我是学霸渣\image\tf\13.png

     文件       4223  2015-05-11 17:05  我是学霸渣\image\tf\14.png

     文件       4317  2015-05-11 17:05  我是学霸渣\image\tf\15.png

     文件       4409  2015-05-11 17:05  我是学霸渣\image\tf\16.png

     文件       3802  2015-05-11 15:41  我是学霸渣\image\tf\2.png

     文件       3899  2015-05-11 15:41  我是学霸渣\image\tf\3.png

     文件       3833  2015-05-11 15:41  我是学霸渣\image\tf\4.png

     文件       3948  2015-05-11 15:41  我是学霸渣\image\tf\5.png

     文件       3889  2015-05-11 15:41  我是学霸渣\image\tf\6.png

     文件       3781  2015-05-11 15:41  我是学霸渣\image\tf\7.png

     文件       4121  2015-05-11 15:41  我是学霸渣\image\tf\8.png

     文件       3908  2015-05-11 15:41  我是学霸渣\image\tf\9.png

     文件       8385  2015-06-25 10:12  我是学霸渣\mmm.html

     目录          0  2015-07-01 11:03  我是学霸渣\image\tf

     目录          0  2015-07-01 11:03  我是学霸渣\image

     目录          0  2015-07-01 11:03  我是学霸渣

----------- ---------  ---------- -----  ----

                73290                    20