`
xinyao
  • 浏览: 98443 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

简单鼠标拖动效果drag

HTML 
阅读更多
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>
分享到：
| jQuery.extend函数学习
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics