如何实现网页拖放功能?

请问有代码事例参考一下吗？

解决方案 »

  1.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title> New Document </title>
    <style>
    .drag{
    width: 100px; height: 300px; border: 1px solid blue;
    font:12px verdana;
    position: absolute;
    }
    </style>
    <script language="javascript" type="text/javascript">
    <!--
    var ie=document.all
    var ns6=document.getElementById&&!document.allvar dragapproved=false
    var z,x,yfunction move(e){
    if (dragapproved){
    z.style.left=ns6? temp1+e.clientX-x: temp1+event.clientX-x
    z.style.top=ns6? temp2+e.clientY-y : temp2+event.clientY-y
    return false
    }
    }function drags(e){
    if (!ie&&!ns6)
    return
    var firedobj=ns6? e.target : event.srcElement
    var topelement=ns6? "HTML" : "BODY"while (firedobj.tagName!=topelement&&firedobj.className!="drag"){
    firedobj=ns6? firedobj.parentNode : firedobj.parentElement
    }if (firedobj.className=="drag"){
    dragapproved=true
    z=firedobj
    temp1=parseInt(z.style.left+0)
    temp2=parseInt(z.style.top+0)
    x=ns6? e.clientX: event.clientX
    y=ns6? e.clientY: event.clientY
    document.onmousemove=move
    return false
    }
    }
    document.onmousedown=drags
    document.onmouseup=new Function("dragapproved=false")//-->
    </script>
    </head><body>
    <div class="drag"></div>
    </body>
    </html>