以身相许，跪求代码，怎么移动变换table的位置呢？

先说我不会。
但是我知道你选择用table是错的，单元格不能托拽，你应该用div

解决方案 »

  1.   

    人家楼主是要拖拽TABLE...楼上的弄错意思了..
      

  2.   

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>JK:支持民族工业,尽量少买X货</title>
    <style>
    .removableObj
    {
    height:25;position:relative;
    }
    </style>
    <script language="javascript">
    var beginMoving=false;
    var sourceObj=null;
    var objectObj=null;
    var objectObj2=null;
    function MouseDownToMove(obj){
    obj.style.zIndex=1;
    obj.mouseDownY=event.clientY;
    obj.mouseDownX=event.clientX;
    beginMoving=true;
    obj.setCapture();
    sourceObj=obj;
    objectObj=null;
    }function MouseMoveToMove(obj){
        if(!beginMoving) return false;
    obj.style.top = (event.clientY-obj.mouseDownY);
    obj.style.left = (event.clientX-obj.mouseDownX);
    }
    function MouseUpToMove(obj){
    if(!beginMoving) return false;
    obj.releaseCapture();
    obj.style.top=0;
    obj.style.left=0;
    obj.style.zIndex=0;
    beginMoving=false;
    window.setTimeout("swapFun()",20);
    }function MouseOverFun(obj)
    {
    if(obj==sourceObj) return false;
    objectObj=obj;
    }function MouseOverFun2(obj)
    {
    objectObj2=obj;
    }function swapFun()
    {
    if(sourceObj!=null && objectObj!=null) objectObj.insertAdjacentElement("beforeBegin",sourceObj);
    else if(sourceObj!=null && objectObj2!=null) objectObj2.insertAdjacentElement("beforeEnd",sourceObj);
    sourceObj=null;
    objectObj=null;
    objectObj2=null;
    }
    </script>
    </head><body><table border="1" width="100%" height="58">
      <tr>
        <td width="34%" valign="top" height="46" onmouseover="MouseOverFun2(this);" >
          <table border="1" width="100%" bgcolor="#99CCFF" class="removableObj" onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);' onmouseover="MouseOverFun(this);" >
            <tr>
              <td width="23%">和</td>
              <td width="21%">飞过海</td>
            </tr>
            <tr>
              <td width="23%">　</td>
              <td width="21%">　</td>
            </tr>
          </table><table border="1" width="100%" bgcolor="#FFCCFF" class="removableObj" onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);' onmouseover="MouseOverFun(this);" >
            <tr>
              <td width="21%">还是</td>
              <td width="35%">护身符哈</td>
            </tr>
            <tr>
              <td width="21%">，</td>
              <td width="35%">和是是护</td>
            </tr>
          </table>
      <table border="1" width="100%" bgcolor="#00CC99" class="removableObj" onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);' onmouseover="MouseOverFun(this);" >
            <tr>
              <td width="21%">还是</td>
              <td width="9%">　</td>
              <td width="35%">呵呵</td>
            </tr>
            <tr>
              <td width="21%">，</td>
              <td width="9%">　</td>
              <td width="35%">和</td>
            </tr>
          </table>
          
        </td>
        <td width="32%" valign="top" height="52" onmouseover="MouseOverFun2(this);" >
      <table border="1" width="100%" bgcolor="#FF0000" class="removableObj" onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);' onmouseover="MouseOverFun(this);" >
            <tr>
              <td width="21%">还是</td>
            </tr>
            <tr>
              <td width="21%">，</td>
            </tr>
          </table>    
          <table border="1" width="100%" bgcolor="#00FFFF" class="removableObj" onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);' onmouseover="MouseOverFun(this);" >
            <tr>
              <td width="21%">还是</td>
              <td width="35%">护身符哈</td>
              <td width="21%">　</td>
              <td width="23%">呵呵</td>
            </tr>
            <tr>
              <td width="21%">，</td>
              <td width="35%">和是是护</td>
              <td width="21%">　</td>
              <td width="23%">和</td>
            </tr>
          </table></td>
        <td width="34%" valign="top" height="52" onmouseover="MouseOverFun2(this);" >
      <table border="1" width="100%" bgcolor="#FF9966" class="removableObj" onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);' onmouseover="MouseOverFun(this);" >
            <tr>
              <td width="21%">还是</td>
              <td width="35%">护身符哈</td>
              <td width="21%">　</td>
              <td width="23%">呵呵</td>
            </tr>
            <tr>
              <td width="21%">，</td>
              <td width="35%">和是是护</td>
              <td width="21%">　</td>
              <td width="23%">和</td>
            </tr>
          </table>    
          <table width="100%" border="1" bgcolor="#FFFFCC" class="removableObj" onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);' onmouseover="MouseOverFun(this);" >
            <tr>
              <td width="87">&nbsp;输多发</td>
              <td width="115">嘎撒递归</td>
            </tr>
            <tr>
              <td width="87">嘎大嘎</td>
              <td width="115">大幅度</td>
            </tr>
            <tr>
              <td width="87">过大撒</td>
              <td width="115">嘎</td>
            </tr>
          </table></td>
      </tr>
    </table>
    </body>
    </html>
      

  3.   


    不是已经许给JK了吗，怎么现在还在“许”？
    家里的牛正愁没人放呢。http://community.csdn.net/Expert/topic/4231/4231358.xml?temp=.2869074
      

  4.   

    matrixy(中華復興黨处女主任)
    没机会了！
      

  5.   

    谢谢JK_10000(JK) 的再次支持 ：）  谢谢  就你了 呵呵。。
      

  6.   

    我们谈正经事啊，相许是开玩笑的，再请教JK_10000(JK)了，如果在此基础上 移动交换各列的话 又怎么实现呢
      

  7.   

    to楼上：童言无忌to楼主：
    代码和思路都有，你可以自己写代码来实现自己的想象。
    要不然，ＪＫ就成了你的代码工了。