首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

简略鼠标拖动效果drag

2012-11-18 
简单鼠标拖动效果drag1、代码没几行,直接粘帖,以后有个参考:!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0

简单鼠标拖动效果drag
1、代码没几行,直接粘帖,以后有个参考:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> 用ondrag事件简单的实现鼠标拖动物件 </TITLE></HEAD><BODY><script>//Dhtml:用ondrag事件简单的实现鼠标拖动物件.//releaseCapture//函数功能:该函数从当前线程中的窗口释放鼠标捕获,并恢复//通常的鼠标输入处理。捕获鼠标的窗口接收所有的鼠标输入(无论光标的位置在哪里),//除非点击鼠标键时,光标热点在另一个线程的窗口中var xx=0,yy=0;function setCapture1(a){//捕获鼠标事件//setCapture();xx=event.x-a.offsetLeft;yy=event.y-a.offsetTop;}function setdrag(a){a.style.left=event.x-xx;a.style.top=event.y-yy;}</script><img src="http://hiphotos.baidu.com/zf8848/abpic/item/6e9e50fb71a866306c22eb09.jpg" style='position:absolute;' ondragstart="setCapture(),setCapture1(this);" ondrag='setdrag(this);' ondragend="releaseCapture();"></BODY></HTML>

热点排行