本文实例讲述了Javascript使用面向对象实现的拖拽功能。分享给大家供大家参考，具体如下：
面向对象有个前提：
- 前提：所有东西都必须包含在onload里
- 改写：不能有函数嵌套，可以有全局变量
- 过程，如下
- onload改成构造函数，
- 全局变量改成属性（通过this）
- 函数改写成方法
面向对象的继承-1 #div1 {width: 100px; height: 100px; background: red; position: absolute;}
把局部变量改成全局变量
面向对象的继承-2 #div1 {width: 100px; height: 100px; background: red; position: absolute;}
引用块内容
面向对象的继承-2 #div1 {width: 100px; height: 100px; background: red; position: absolute;} #div2 {width: 100px; height: 100px; background: red; position: absolute;top:120px;}
面向对象的继承-2 #div1 {width: 100px; height: 100px; background: red; position: absolute;} #div2 {width: 100px; height: 100px; background: red; position: absolute;top:120px;}
感兴趣的朋友可以使用在线HTML/CSS/Javascript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试一下运行效果。
更多关于Javascript相关内容感兴趣的读者可查看本站专题：《Javascript页面元素操作技巧总结》、《Javascript操作DOM技巧总结》、《Javascript切换特效与技巧总结》、《Javascript动画特效与技巧汇总》、《Javascript错误与调试技巧总结》、《Javascript数据结构与算法技巧总结》及《Javascript数学运算用法总结》
希望本文所述对大家Javascript程序设计有所帮助。
