使用JavaScript实现控件拖动

使用之前

1、建立一个样式，名称为.drag

.drag
{
 cursor: hand;
 POSITION: relative
}

2、要把需要进行拖动操作的控件class变为drag

3、拷入一下代码

<script language="JavaScript" type="text/javascript">
 var dragapproved=false;
 var z,x,y;
 function move()
 {
  if (event.button==1&&dragapproved)
  {
   z.style.pixelLeft=temp1+event.clientX-x;
   z.style.pixelTop=temp2+event.clientY-y;
   return false
  }
 }
 
 function drags()
 {
  if (!document.all)
  {
   return
  }
  if (event.srcElement.className=="drag")
  {
   dragapproved=true
   z=event.srcElement
   temp1=z.style.pixelLeft
   temp2=z.style.pixelTop
   x=event.clientX
   y=event.clientY
   document.οnmοusemοve=move
  }
 }
 document.οnmοusedοwn=drags
 document.οnmοuseup=new Function("dragapproved=false")
 </script>