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

Javascript
阻止JavaScript事件冒泡传递(cancelBubble 、stopPropagation)
(转载)JavaScript中匿名函数,函数直接量和闭包
简单的无缝滚动程序-仅几行代码
Javascript中的数学函数集合
javascript之大字符串的连接的StringBuffer 类
javascript之对系统的toFixed()方法的修正
用javascript实现自定义标签
js在客户端验证密码强度,兼容FireFox和IE
javascript背景颜色按时变换
脚本分析、压缩、混淆工具 JSA新版本发布,压缩效率提高大约10%
javascript语句中的CDATA标签的意义
用javascript实现分割提取页面所需内容
网上抓的一个特效
js之点击 超连接,提示一个层.点击空白.层消失
模拟用户操作Input元素,不会触发相应事件
弹出广告特效代码(一个IP只弹出一次)
(仅IE下有效)关于checkbox 三态
JavaScript Archive Network 集合
关于__defineGetter__ 和__defineSetter__的说明
textContent在Firefox下与innerText等效的属性

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


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