当前位置: 首页 > 图文教程 > 网络编程 > Javascript > Dhtml:用ondrag事件简单的实现鼠标拖动物件.

Javascript
javascript 写类方式之九
javascript 写类方式之十
javascript 浏览器判断 绑定事件 arguments 转换数组 数组遍历
jquery BS,dialog控件自适应大小
javascript 面向对象思想 附源码
js 日期转换成中文格式的函数
JavaScript 对象、函数和继承
JavaScript 解析读取XML文档
javascript获取表格 td 中的内容
javascript xml为数据源的下拉框控件
jQuery 1.3 和 Validation 验证插件1.5.1
javascript 字符 Escape,encodeURI,encodeURIComponent
jquery text,radio,checkbox,select操作实现代码
JavaScript 继承的实现
JS 数组 移除 实现代码
javascript eval()应用实例 select
javascript 焦点的两个问题
JS 巧妙获取剪贴板数据 Excel数据的粘贴
Jquery 组合form元素为json格式,asp.net反序列化
window.onload 加载完毕的问题及解决方案(上)

Javascript 中的 Dhtml:用ondrag事件简单的实现鼠标拖动物件.


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-08-10   浏览: 536 ::
收藏到网摘: n/a

<script>
//Dhtml:用ondrag事件简单的实现鼠标拖动物件.
//原作:风云舞
var xx=0,yy=0
</script>
<img src="/A-A-A/2005/07/17/20050717100747102147_1.jpg" style='position:absolute;' ondragstart="setCapture();xx=event.x-this.offsetLeft;yy=event.y-this.offsetTop;" ondrag='this.style.left=event.x-xx;this.style.top=event.y-yy' ondragend="releaseCapture();">