dragObj = document.form1.block1;
应该写成
dragObj = document.all.block1;

解决方案 »

  1.   

    改成
    var dragObj = document.form1.block1;
    试试看
      

  2.   

    dragObj = document.form1.block1;
    应该写成
     dragObj = document.all.block1;
      

  3.   

    dragObj = document.all.block1;
      

  4.   

    改成
    dragObj = document.all("block1");
    就可以了。
      

  5.   

    直接用dragObj=block1就成了,这就是ID的好处
      

  6.   

    谢谢各位!!!我还有一个问题,解答之后马上放分!!
    我是想用鼠标拖动控件,按照各位大侠的提示,已经可以将<span>标签内的内容拖动,但我想将一个Button拖动,如何实现??代码如下:
    <HTML>
    <HEAD>
    <TITLE>Drag and Drop Internet Explorer 4</TITLE>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    drag = 0
    move = 0
    var dragObj = Null;function init() {
    window.document.onmousemove = mouseMove
    window.document.onmousedown = mouseDown
    window.document.onmouseup = mouseUp
    window.document.ondragstart = mouseStop
    }function mouseDown() {
    if (drag) {
    clickleft = window.event.x - parseInt(dragObj.style.left)
    clicktop = window.event.y - parseInt(dragObj.style.top)
    dragObj.style.zIndex += 1
    move = 1
    }
    }function mouseStop() {
    window.event.returnValue = false
    }function mouseMove() {
    if (move) {
    dragObj.style.left = window.event.x - clickleft
    dragObj.style.top = window.event.y - clicktop
    }
    }function mouseUp() {
    move = 0
    }function mouseOver(){
        dragObj = document.all.block1;
        //alert(obj);
        drag = 1;
    }//-->
    </SCRIPT>
    </HEAD><BODY onLoad="init()">
    <form name="form1">
        <input type=button id="button1" value="Submit" onMouseOver="mouseOver()" onMouseOut="drag=0">
        <span ID="block1" onMouseOver="mouseOver()" onMouseOut="drag=0" lzh</span>
    </form>
    </BODY></HTML>
      

  7.   

    <HTML>
    <HEAD>
    <TITLE>Drag and Drop Internet Explorer 4</TITLE>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    var drag = 0
    var move = 0
    var dragObj = null;function init() {
    window.document.onmousemove = mouseMove
    window.document.onmousedown = mouseDown
    window.document.onmouseup = mouseUp
    window.document.ondragstart = mouseStop
    }function mouseDown() {
    if (drag) {
    clickleft = window.event.x - parseInt(dragObj.style.pixelLeft)
    clicktop = window.event.y - parseInt(dragObj.style.pixelTop)
    dragObj.style.zIndex += 1
    move = 1
    }
    }function mouseStop() {
    window.event.returnValue = false
    }function mouseMove() {
    if (move) {
    dragObj.style.pixelLeft = window.event.x - clickleft
    dragObj.style.pixelTop = window.event.y - clicktop
    }
    }function mouseUp() {
    move = 0
    }function mouseOver(){
        dragObj = document.all.block1
        drag=1;
    }//-->
    </SCRIPT>
    </HEAD><BODY onLoad="init()">
    <form name="form1">
        <span style=cursor:hand;position:absolute;left:100;top:100; ID="block1" onMouseOver="mouseOver()" onMouseOut="drag=0">    <input type=button id="button1" value="Submit" onMouseOver="mouseOver()" onMouseOut="drag=0">
    </span>
    </form>
    </BODY></HTML>
      

  8.   

    <HTML>
    <HEAD>
    <STYLE>
    #aDiv {
      position: absolute;
      left: 200px;
      top: 0px;
      width: 20px;
      height: 100px;
      background-color: blue;
      layer-background-color: blue;
    }
    </STYLE>
    <SCRIPT>
    var dragElement;
    var elY,elX;
    var mouseDownX,mouseDownY;
    function getPageY (element) {
      var y = 0;
      var x = 0;
      do 
        y += element.offsetTop;
      while ((element = element.offsetParent));
      return y;
    }
    function getPageX (element) {
      var x = 0;
      do 
        x += element.offsetLeft;
      while ((element = element.offsetParent));
      return x;
    }
    function startDrag (element, evt) {
      dragElement = element;
       elX = getPageX (dragElement);
        mouseDownX = evt.clientX;
       elY = getPageY (dragElement);
        mouseDownY = evt.clientY;  document.onmousemove = drag;
    }
    function drag (evt) {
      if (document.layers)
        dragElement.top = elY + evt.pageY - mouseDownY;
      else if (document.all)
        {dragElement.style.pixelTop = elY + event.clientY - mouseDownY;dragElement.style.pixelLeft = elX + event.clientX - mouseDownX;}
     
    }
    function stopDrag () {
      document.onmousemove = null;
      dragElement = null;
      if (document.layers)
        document.releaseEvents(Event.MOUSEMOVE);
    }
    </SCRIPT>
    </HEAD>
    <BODY>
    <DIV ID="aDiv"
         ONMOUSEDOWN="startDrag(this, event);"
         ONMOUSEUP="stopDrag();"
    ><input type=button value="拖动"></DIV>
    <SCRIPT>
    if (document.layers) {
      document.aDiv.clip.width = 20;
      document.aDiv.clip.height = 100;
      document.aDiv.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP);
      document.aDiv.onmousedown = function (evt) {
        startDrag(this, evt);
      };
      document.aDiv.onmouseup = function (evt) {
        stopDrag();
      };
    }
    </SCRIPT></BODY>
    </HTML>
      

  9.   

    谢谢!谢谢!谢谢net_lover(孟子E章) ,qiushuiwuhen(秋水无恨) , weidegong(weidegong),gdxy(GBOY), jxwangzhigang(一棵草)还有 benjamin9(丢丢) !以后有问题还要麻烦各位!!:)