能改变大小的,用鼠标拖动大小的DIV层,怎么弄

能改变大小的,用鼠标拖动大小的DIV层,怎么弄

解决方案 »

  1.   

    请参考下面代码！
    <HTML>
     <HEAD>
      <TITLE>可拖动的div</TITLE>
      <script language="javascript">
      var x,y,divLeft,divTop;
      var isMove = false;
      function MouseDown(obj)
      {
    isMove = true;
    x = event.clientX;
    y = event.clientY;
    divLeft = obj.offsetLeft;
    divTop = obj.offsetTop;
      }
      function MouseMove(obj)
      {
    if(isMove)
    {
    obj.style.left = divLeft + event.clientX - x;
    obj.style.top = divTop + event.clientY - y;
    }
      }
      function MouseUp(obj)
      {
    isMove = false;
      }
      </script>
     </HEAD>
     <BODY>
      <div id="div1" style="border:1px solid red; left:200px;top:200px;width:100px; height:100px;position:absolute" onmousedown="MouseDown(this)" onmousemove="MouseMove(this)" onmouseup="MouseUp(this)">拖动试试看</div>
     </BODY>
    </HTML>
      

  2.   

    http://www.soft000.com/Resize.rar
    现在有点问题,要求当鼠标移上动时,能改变大小.
    在firfox下,当鼠标移到Div的底边框时,可以改变大小.我在IE下却不行,不知道怎么回事