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

Javascript
文档对象模型(DOM)的技巧和诀窍
Javascript在IE与firefox中表现的异同
文档对象模型(DOM)的基本方法
javaScript DOM方法与属性摘要
Javascript的一些属性讲解
JavaScript代码规范
IE和Firefox的兼容性问题
innerHTML,outerHTML,innerText,outerText
FireFox支持innerText
JavaScript Dom编程:介绍学习书籍
JavaScript教程:关于时间格式转换
JavaScript教程:判断日期正确与否的函数
解决JS脚本兼容的几个小技巧
使用createElement动态创建HTML对象
Javascript事件处理代码的三种写法
Javascript教程:展示风格的价值
Javascript在IE和FF里的兼容问题
JavaScript扩展:正则像函数一样调用
初学Ajax须注意的几个问题
学习JavaScript的事件

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-08-10   浏览: 461 ::
收藏到网摘: 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();">