2017年9月1日
图片拖拽的继承，引用 3
摘要： //LimitDrag.js LimitDrag.prototype.fnMove=function(ev){ var oEvent=ev||event; var L= oEvent.clientX-this.disX var T= oEvent.clientY-this.disY if(Ldocument.documentElement.clientWidt... 阅读全文
posted @ 2017-09-01 20:46 gunner 阅读(107) 评论(0) 推荐(0)
图片拖拽的继承，引用 2
摘要： //Drag.js window.onload=function(){ new Drag("box1") } //第四步：全局变量变成属性 该加this加this // var oDiv=null; // var disX=0; // var disY=0; //第三步：Window.onload改成构造函数 function Drag(id... 阅读全文
posted @ 2017-09-01 20:45 gunner 阅读(109) 评论(0) 推荐(0)
图片拖拽的继承，引用 1 （需要引入2，3两个js才能运行）
摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <script src="Drag.js"></script> <script src="LimitDrag.js"></script> <sty 阅读全文
posted @ 2017-09-01 20:38 gunner 阅读(100) 评论(0) 推荐(0)
图片拖拽面向对象写法-1
摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>拖拽之面向对象</title> <style> #box1{width: 100px;height: 100px;background-color: #0A246A 阅读全文
posted @ 2017-09-01 20:14 gunner 阅读(114) 评论(0) 推荐(0)
图片拖拽面向对象写法-2
摘要： <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> #box1{ width: 100px; height: 100px; background-color: #ffff00; po 阅读全文
posted @ 2017-09-01 20:11 gunner 阅读(162) 评论(0) 推荐(0)
图片拖拽原生js
摘要： <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>拖拽原生js</title> <style> #box1{ width: 100px; height: 100px; background-color: #ffff 阅读全文
posted @ 2017-09-01 19:48 gunner 阅读(165) 评论(0) 推荐(0)