<img src="1.jpg" style="width:300px;position:absolute;left:100;top:100px;" id="dragImg" class="cdft" />
<script type="text/javascript">
var img=document.getElementById('dragImg'),ox,oy,ex,ey,isDrag=false,isIE=!!document.all;
img.onmousedown=function(e){
   e=e||event;
   isDrag=true;
   if(isIE)img.setCapture();
   ox=parseInt(img.style.left);oy=parseFloat(img.style.top);
   ex=e.clientX;ey=e.clientY;
   return false;//注意这里要return false，要不Firefox下拖拽不了。
}
document.onmousemove=function(e){
  e=e||event;
  if(isDrag===true){
    img.style.left=ox+e.clientX-ex+'px';
    img.style.top=oy+e.clientY-ey+'px';
  }
}
document.onmouseup=function(){
  if(isIE)img.releaseCapture();
  isDrag=false;
}
</script>