javascript 中ondragstart ondrag实现拖动界面元素效果
发布时间:2014-06-30 14:42:25
发布时间:2014-06-30 14:42:25
javascript 中ondragstart ondrag实现拖动界面元素效果
<html>
<head>
<title>
function showpos()
{
document.all.x.value = event.clientX;
document.all.y.value = event.clientY;
}
function Point()
{
this.x, this.y;
this.eventpos = function()
{
this.x = event.clientX;
this.y = event.clientY;
}
this.setpos = function(pt)
{
this.x = pt.x;
this.y = pt.y;
}
}
var ptPre = new Point();
var ptCur = new Point();
function move(ptTo, ptFrom)
{
ox = ptTo.x - ptFrom.x;
oy = ptTo.y - ptFrom.y;
event.srcElement.style.posLeft += ox;
event.srcElement.style.posTop += oy;
}
.dr
{
position : relative ;
cursor : hand ;
event:expression(
ondragstart=function()
{
ptCur.eventpos();
ptPre.eventpos();
},
ondrag=function(){
ptCur.eventpos();
move(ptCur,ptPre); b31.org
ptPre.setpos(ptCur);
}
)
}
<body onmousemove="showpos()" >
<form>
<img class="dr" src="free_register.gif" mce_src="free_register.gif" />
<br/>