简单鼠标拖动效果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>