可以随意拖动的div对象操作sample

<! doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >  
< html  xmlns ="http://www.w3.org/1999/xhtml"  lang ="gb2312" >  
< head >  
< title >可以拖动的div对象 </ title >  
< meta  http-equiv ="content-type"  content ="text/html; charset=gb2312"   />  
< style > ...  
.dragAble {...}{position:relative;cursor:move;} 
</ style >  
< script  language ="javascript" > ...  
<!-- 
var ie=document.all; 
var nn6=document.getElementById&&!document.all; 
var isdrag=false; 
var y,x; 
var oDragObj; 

function moveMouse(e) ...{ 
 if (isdrag) ...{ 
 oDragObj.style.top  =  (nn6 ? nTY + e.clientY - y : nTY + event.clientY - y)+"px"; 
 oDragObj.style.left  =  (nn6 ? nTX + e.clientX - x : nTX + event.clientX - x)+"px"; 
 return false; 
 } 
} 

function initDrag(e) ...{ 
 var oDragHandle = nn6 ? e.target : event.srcElement; 
 var topElement = "HTML"; 
 while (oDragHandle.tagName != topElement && oDragHandle.className != "dragAble") ...{ 
 oDragHandle = nn6 ? oDragHandle.parentNode : oDragHandle.parentElement; 
 } 
 if (oDragHandle.className=="dragAble") ...{ 
 isdrag = true; 
 oDragObj = oDragHandle; 
 nTY = parseInt(oDragObj.style.top+0); 
 y = nn6 ? e.clientY : event.clientY; 
 nTX = parseInt(oDragObj.style.left+0); 
 x = nn6 ? e.clientX : event.clientX; 
 document.onmousemove=moveMouse; 
 return false; 
 } 
} 
document.onmousedown=initDrag; 
document.onmouseup=new Function("isdrag=false"); 
//--> 
</ script >  
</ head >  
< body >  
< img  src ="http://webdesign.chinaitlab.com/
UploadFiles_8014/200612/20061202115506895.gif"  class ="dragAble"   />  
< img  src ="http://webdesign.chinaitlab.com/
UploadFiles_8014/200612/20061202115506895.gif"  class ="dragAble"   />  
< img  src ="http://webdesign.chinaitlab.com/
UploadFiles_8014/200612/20061202115506895.gif"  class ="dragAble"   />< br  />< br  />  
< div  style ="border:1px solid #ff6d00;background:#ffd801;
width:240px;padding:5px 0;"  class ="dragAble" >这些都是可以拖动的div对象 </ div >  
</ body >  
</ html >