网页上元素的拖动

http://www.okwolf.com/study/web/javascript/jcriptcase/index2.htm

解决方案 »

  1.   

    <script>
    function drag()
    {
    part1.style.left=event.clientX-15;
    part1.style.top=event.clientY-15;
    }
    </script>
    <BODY>
    <img id="part1" style="position:absolute; top=30; left=30" width="300" height="100" ondragstart="drag()">
    </BODY>没懂你说的意思,呵呵~这段程序也能拖动的就是太简单了~
      

  2.   

    <HTML><HEAD>
    <SCRIPT>
    function dr(){
    document.all.aa.style.left=event.clientX
    document.all.aa.style.top=event.clientY
    }
    </SCRIPT>
    </HEAD>
    <BODY>
    <FORM NAME="formName">
    <INPUT id=aa style="position:absolute;left:0" ondrag="dr()" vaLUE="请选择并拖动文字">
    </FORM>
    </BODY></HTML> 
      

  3.   

    能不能不选择文本（文本框内value为空）而进行拖动？
      

  4.   

    <HTML><HEAD>
    <SCRIPT>
    var m,n,f=0
    function a(){
    f=1
    }
    function b(){
    if(f){
    document.all.aa.style.pixelLeft=event.x
    document.all.aa.style.pixelTop=event.y
    }
    }
    function c(){
    f=0
    }
    </SCRIPT>
    </HEAD>
    <BODY onmousemove=b() onmouseup=c() >
    <FORM NAME="formName">
    <img id=aa style="position:absolute;left:0" ondragstart=a() >
    </FORM>
    </BODY></HTML>