我想在页面上做一个可以缩放大小，并且可以拖动的矩形框，要如何实现？

<DIV id="dd" contentEditable="true" >
<table border=1 id=Layer1><tr><td>fff
  </td></tr></table>
  <table border=1 id=Layer2><tr><td>dfdfd
  </td></tr></table>
</DIV>

解决方案 »

  1.   

    老孟你这么做啊,那我帖一个的,比较好玩的东西,楼主看看的<body style="margin:0px;">
    <script>
    var xx=0;
    </script>
    <table style="border:1px solid black;padding:0px;">
     <tr> 
      <td id="oo" style="width:200px;height:400px;"></td>
      <td style="cursor:move;position:absolute;left:200px;width:2px;height:400px;background-color:red;border:0px;"
          ondragstart="setCapture();xx=event.x-this.offsetLeft;"
          ondrag='this.style.left=event.x-xx;oo.style.width=this.style.left'
          ondragend="releaseCapture();"></td>
     </tr>
    </table>
      

  2.   

    把layer1得position设置为aabsolute
    然后
    document.execCommand('2D-Position','false','false');
    自己试试，msdn上说的
      

  3.   

    不好意思多打了个a，是"absolute"
      

  4.   

    Good！ Yashmak(双层面纱) 好使！