IE中实现图片的拖拽

 

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
< HTML >
  < HEAD >
   < script  language ="javascript" >
      function  moveImage(){
        if (window.event.button != 1 ){
          return ;
       }
        with (window.event.srcElement.style){
          // 重新设置图像在浏览器中的位置
         pixelLeft = window.event.x - 236 / 2 - document.all.ImageDiv.offsetLeft;
         pixelTop = window.event.y - 118 / 2 - document.all.ImageDiv.offsetTop;
       }
       window.event.returnValue = false ; // 取消系统拖动事件
     }
   </ script >
  </ HEAD >

  < BODY >
   < div  style ="position:relative"  id ="ImageDiv" >
      < img  id ="image2"  style ="container:positioned;position:absolute;top:60px;left:250px;width:236px;height:108px;"  src ="11.jpg" >
      < img  id ="image2"  style ="container:positioned;position:absolute;top:60px;left:60px;width:236px;height:108px;"  src ="22.jpg"  onmouseMove =moveImage() >
   </ div >
  </ BODY >
</ HTML >