用鼠标拖动图片平移问题

<div  id="img_layer" style="z-index:6" contentEditable=true>

解决方案 »

  1.   

    没人解决
    我加了setCapture之后就可以了
    大家随便说说
    过两天结贴了
      

  2.   

    <body onmouseup="document.body.contentEditable=false">
    ....
      <img name="testimg" src="test.gif" width="300" height="200" onmousedown="document.body.contentEditable=true" >
    测试可行
      

  3.   

    img_layer.onmousedown=function(){
        img_layer.setCapture();
        .............
        .............
        移动前初始化操作
    }document.body.onmousemove=function(){
        .............
        移动过程
        img_layer.releaseCapture();
    }
    document.body.onmouseup=function(){
        .............
        移动结束处理
    }
      

  4.   

    楼上releaseCapture();放错地方了,
    应该是:
    img_layer.onmousedown=function(){
        img_layer.setCapture();
        .............
        .............
        移动前初始化操作
    }document.body.onmousemove=function(){
        .............
        移动过程
    }
    document.body.onmouseup=function(){
        .............
        移动结束处理
        img_layer.releaseCapture();}
      

  5.   

    <html>
    <head>
    <style type="text/css">
    .drag{position:relative;cursor:hand}
    </style>
    <script language="javascript">
    var dragapproved = false;
    var z,x,y
    function move()
    {
    if(event.button==1&&dragapproved)
    {
    z.style.pixelLeft=temp1+event.clientX-x
    z.style.pixelTop = temp2+event.clientY-y
    return false;
    }
    }
    function drags()
    {
    if(!document.all)
    return
    if(event.srcElement.className=="drag")
    {
    dragapproved = true
    z=event.srcElement;
    temp1=z.style.pixelLeft
    temp2=z.style.pixelTop
    x=event.clientX
    y=event.clientY
    document.onmousemove=move
    }
    }
    document.onmousedown=drags
    document.onmouseup=new Function("dragapproved=false")
    </script>
    </head>
    <body>
    <img src="Date/c.jpg" class="drag" border="0" alt="Image">
    </body>
    </html>