var dragapproved=false; function drag()
{
if(!document.all)
{
return;
}
if(event.srcElement.className=="myClass")
{
dragapproved=true;
var obj=event.srcElement;
var tempX=obj.style.pixelLeft;
var tempY=obj.style.pixelTop;
var x=event.clientX;
var y=event.clientY;
document.onmousemove=move;
function move()
{
if(event.button==1 && dragapproved)
{
obj.style.pixelLeft=tempX+event.clientX-x;
obj.style.pixelTop=tempY+event.clientY-y;
return false;
}
}
}
}
document.onmousedown=drag;
document.onmouseup=new Function("dragapproved=false"); <div class="myClass" style="position:absolute;top:200px;left:200px;width:200px;background-color:orange;" onmouseover="this.style.cursor= 'move ';" >請拖動我 </div >
-------------------
請記得給這個div設置絕對位置.
====================================================================
這段代碼試試.
{
if(!document.all)
{
return;
}
if(event.srcElement.className=="myClass")
{
dragapproved=true;
var obj=event.srcElement;
var tempX=obj.style.pixelLeft;
var tempY=obj.style.pixelTop;
var x=event.clientX;
var y=event.clientY;
document.onmousemove=move;
function move()
{
if(event.button==1 && dragapproved)
{
obj.style.pixelLeft=tempX+event.clientX-x;
obj.style.pixelTop=tempY+event.clientY-y;
return false;
}
}
}
}
document.onmousedown=drag;
document.onmouseup=new Function("dragapproved=false"); <div class="myClass" style="position:absolute;top:200px;left:200px;width:200px;background-color:orange;" onmouseover="this.style.cursor= 'move ';" >請拖動我 </div >
-------------------
請記得給這個div設置絕對位置.
====================================================================
這段代碼試試.
obj.style.top = parseInt(obj.style.top.replace("px","")) + (y - oldY);
-->
obj.style.pixLeft = parseInt(obj.style.pixLeft.replace("px","")) + (x - oldX);
obj.style.pixTop = parseInt(obj.style.pixTop.replace("px","")) + (y - oldY);