Javascriptは簡単にドラッグできるdivを実現します.

 
  
 
  
 
  
 
  <br>var x; 
  <br>var y; 
  <br>function $(id) 
  <br>{ 
  <br>return document.getElementById(id) 
  <br>} 
  <br>function mousedown() 
  <br>{ 
  <br>x=event.clientX-$("px").style.pixelLeft; 
  <br>y=event.clientY-$("px").style.pixelTop; 
  <br>$("px").style.border="2px solid red"; 
  <br>$("px").onmousemove = mousemove; 
  <br>} 
  <br>function mouseup() 
  <br>{ 
  <br>$("px").onmousemove = ""; 
  <br>$("px").style.border=""; 
  <br>} 
  <br>function mousemove() 
  <br>{ 
  <br>$("px").style.pixelLeft=event.clientX-x; 
  <br>$("px").style.pixelTop=event.clientY-y; 
  <br>} 
  <br> 
  
 
  
 
  
onmousedown="mousedown()" onmouseup="mouseup()" >