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

上传者: u012793146 | 上传时间: 2019-12-21 21:26:09 | 文件大小: 68KB | 文件类型: rar
使用九宫格作为画布背景;每个九宫格中的元素为数字、数学公式、物理公式(注:一切能在数学条件下代表大小的元素);拖动九宫格选中元素到目标元素,元素进行两两交换位置;在每一次元素位置发生变化时进行比较当前九宫格中所有元素是否由小到大顺序排列,如顺序排列就进入下一关;

文件下载

资源详情

[{"title":"( 17 个子文件 68KB ) 利用HTML5的drop、drag及拖动属性做元素位置交换","children":[{"title":"我是学霸渣","children":[{"title":"mmm.html <span style='color:#111;'> 8.19KB </span>","children":null,"spread":false},{"title":"image","children":[{"title":"tf","children":[{"title":"4.png <span style='color:#111;'> 3.74KB </span>","children":null,"spread":false},{"title":"12.png <span style='color:#111;'> 4.11KB </span>","children":null,"spread":false},{"title":"3.png <span style='color:#111;'> 3.81KB </span>","children":null,"spread":false},{"title":"16.png <span style='color:#111;'> 4.31KB </span>","children":null,"spread":false},{"title":"7.png <span style='color:#111;'> 3.69KB </span>","children":null,"spread":false},{"title":"15.png <span style='color:#111;'> 4.22KB </span>","children":null,"spread":false},{"title":"5.png <span style='color:#111;'> 3.86KB </span>","children":null,"spread":false},{"title":"1.png <span style='color:#111;'> 3.62KB </span>","children":null,"spread":false},{"title":"2.png <span style='color:#111;'> 3.71KB </span>","children":null,"spread":false},{"title":"11.png <span style='color:#111;'> 3.90KB </span>","children":null,"spread":false},{"title":"6.png <span style='color:#111;'> 3.80KB </span>","children":null,"spread":false},{"title":"8.png <span style='color:#111;'> 4.02KB </span>","children":null,"spread":false},{"title":"9.png <span style='color:#111;'> 3.82KB </span>","children":null,"spread":false},{"title":"10.png <span style='color:#111;'> 4.25KB </span>","children":null,"spread":false},{"title":"13.png <span style='color:#111;'> 4.41KB </span>","children":null,"spread":false},{"title":"14.png <span style='color:#111;'> 4.12KB </span>","children":null,"spread":false}],"spread":false}],"spread":true}],"spread":true}],"spread":true}]

评论信息

  • 爬不动的菜鸟 :
    非常有帮助,感谢楼主
    2019-01-08
  • xasj_05 :
    不错,很实用,问题已经解决
    2018-04-04
  • 逆岏_娱乐型程序员 :
    不错,希望资源有用
    2018-03-27
  • ailenloveaspx :
    写的很不错,不过后面改用第三方js实现了jquery.sortable.js
    2017-07-03
  • 想闲的人 :
    还可以,但不是很满足我的需要
    2017-01-27

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明