js拖拽图片

有两个DIV，其中一个DIV有图片，如何通过JS实现，把图片拖拽(复制)至另一个DIV中？一定要是鼠标拖拽

解决方案 »

  1.   

    <!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.getElementById("ImageDiv").offsetLeft;
    pixelTop=window.event.y-108/2-document.getElementById("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="img/11.jpg">
         <img id="image2" style="container:positioned;position:absolute;top:60px;left:60px;width:236px;height:108px;" src="img/22.jpg" onmousemove=moveImage()>
      </div>
     </BODY>
    </HTML>