js div层拖动 很好用

< script  type ="text/javascript" >
var  ie = document.all;
var  nn6 = document.getElementById &&! document.all;
var  isdrag = false ;
var  x,y;
var  dobj;

function  movemouse(e)
{
   if  (isdrag)
  {
    dobj.style.left  =  nn6  ?  tx  +  e.clientX  -  x : tx  +  event.clientX  -  x;
    dobj.style.top   =  nn6  ?  ty  +  e.clientY  -  y : ty  +  event.clientY  -  y;
     return   false ;
  }
}

function  selectmouse(e)
{
   var  fobj        =  nn6  ?  e.target : event.srcElement;
   var  topelement  =  nn6  ?   " HTML "  :  " BODY " ;
   while  (fobj.tagName  !=  topelement  &&  fobj.className  !=   " dragme " )
  {
    fobj  =  nn6  ?  fobj.parentNode : fobj.parentElement;
  }
   if  (fobj.className == " dragme " )
  {
    isdrag  =   true ;
    dobj  =  fobj;
    tx  =  parseInt(dobj.style.left + 0 );
    ty  =  parseInt(dobj.style.top + 0 );
    x  =  nn6  ?  e.clientX : event.clientX;
    y  =  nn6  ?  e.clientY : event.clientY;
    document.onmousemove = movemouse;
     return   false ;
  }
}
document.onmousedown = selectmouse;

document.onmouseup = new  Function( " isdrag=false " );

</ script >

< div  align ="center" >

< img  src ="3.jpg"  style ="position:relative;"  width ="210"  height ="96"  class ="dragme" >

</ div >

转载于:https://www.cnblogs.com/banruo/archive/2010/05/11/1732187.html