我的Blog,我做主。

君子之行，静以修身，俭以养德……

导航

(转)IE中实现图片的拖拽

Posted on 2008-03-13 14:53  俺喜欢打篮球  阅读(191)  评论(0)    收藏  举报
<!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="aqtc.jpg" onmouseMove=moveImage()>
     <img id="image2" style="container:positioned;position:absolute;top:60px;left:60px;width:236px;height:108px;" src="wdzs.jpg" onmouseMove=moveImage()>
  </div>
 </BODY>
</HTML>