拖动网页上的对象

1. < span  style ='position:absolute;width:200;height:200;background:red'  onmousedown =MouseDown(this)  onmousemove =MouseMove()  onmouseup =MouseUp() > meizz </ span >  
< script  language =javascript >  
var  Obj; 
function  MouseDown(obj) 
{ 
  Obj = obj; 
  Obj.setCapture(); 
  Obj.l = event.x - Obj.style.pixelLeft; 
  Obj.t = event.y - Obj.style.pixelTop; 
} 
function  MouseMove() 
{ 
   if (Obj != null ) 
  { 
    Obj.style.left  =  event.x - Obj.l; 
    Obj.style.top  =  event.y - Obj.t; 
  } 
} 
function  MouseUp() 
{ 
   if (Obj != null ) 
  { 
    Obj.releaseCapture(); 
    Obj = null ; 
  } 
} 
</ script >  
2. 
< div  id ="myDiv"  src ="logo.gif"  ondrag ="doDrag();"  onmouseover ="this.style.cursor='hand'"  style ="position:absolute;left=100;top=100;"  onmousedown ="doMouseDown();" >  
< a  href ="#"  onclick ="return false" >< h1 > wlecome </ h1 ></ a >  
</ div >  
< script  language ="JavaScript"  type ="text/javascript" >  
var  orgMouseX; 
var  orgMouseY; 
var  orgObjX; 
var  orgObjY; 
function  doDrag() 
{ 
var  myObject = document.all.myDiv; 

var  x = event.clientX; 
var  y = event.clientY; 
myObject.style.left = x - (orgMouseX - orgObjX); 
myObject.style.top = y - (orgMouseY - orgObjY); 
  
} 
function  doMouseDown() 
{ 
orgMouseX = event.clientX; 
orgMouseY = event.clientY; 
orgObjX = parseInt(document.all.myDiv.style.left); 
orgObjY = parseInt(document.all.myDiv.style.top); 
} 

</ script >