做了个Table的Cell拖动，有兴趣的来看看

有问题啊，不过以前就看到有了！

解决方案 »

  1.   

    我这就去试试,试了在回来说话!!
      

  2.   

    不错啊,不过代码太长了,能不能精简一点啊！！！
      

  3.   

    真不错，搂主有只在一个表格内拖动单元格的程序吗？
      

  4.   

    是不是这样?<SCRIPT LANGUAGE="JavaScript">
    <!--
    /*
    -- Author: Harry
    -- Date: 03/22/2005
    */
    var Drag = false; // true时为鼠标状态为拖动时
    var Drop = false; // true时为鼠标状态为放置被拖动的单元格时
    var r = 10; // 表格的行数
    var c = 10; // 表格的列数
    var cWidth = 25; // 单元格的宽度
    var tdObj = null;
    var arrColor = ["aliceblue","antiquewhite","aquamarine","beige","burlywood","cadetblue","chocolate","cornsilk","cyan","darkmagenta","darksalmon","darkorange"];
    document.onmousedown = function(){
    if(event.srcElement.tagName == "TD"){
    Drag = true;
    tdObj = event.srcElement;
    tdObj.style.zIndex=1;
    tdObj.mouseDownY=event.clientY;
    tdObj.mouseDownX=event.clientX;
    tdObj.setCapture();
    }
    }
    document.onmousemove = function (){
    if(Drag){
    tdObj.style.top = (event.clientY- tdObj.mouseDownY);
    tdObj.style.left = (event.clientX- tdObj.mouseDownX);
    }
    if(Drop){
    Drop = false;
    var s1 = tdObj.innerText;
    var b1 = tdObj.bgColor;
    var s2 = event.srcElement.innerText;
    var b2 = event.srcElement.bgColor;
    tdObj.innerText = s2;
    tdObj.bgColor = b2;
    event.srcElement.innerText = s1;
    event.srcElement.bgColor = b1;
    }
    }
    document.onmouseup = function(){
    Drag = false; Drop = true;
    tdObj.releaseCapture();
    tdObj.style.top=0;
    tdObj.style.left=0;
    tdObj.style.zIndex=0;
    }
    //-->
    </SCRIPT>
    <div id="d" style="position:absolute;display:none;z-index:2"></div>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function load(){
    fCreateTable(true);
    }
    function fCreateTable(flag){
    var tb = document.createElement("table");
    tb.cellPadding = "0";
    tb.cellSpacing = "0";
    tb.border = "1px solid #cccccc";
    if(flag) tb.id = "myTb1";else tb.id = "myTb0";
    for(var i=0;i<r;i++){
    var row = tb.insertRow(i);
    for(var j=0;j<c;j++){
    var cell = row.insertCell(j)
    if(flag) cell.innerText = i*c+j;else cell.innerHTML = "&nbsp;";
    cell.style.width = cWidth + "px";
    cell.style.height = cWidth + "px";
    cell.style.position = "relative";
    cell.bgColor = arrColor[Math.round(Math.random()*(arrColor.length-1))]
    //cell.style.border = "1px solid #cccccc"
    }
    }
    document.body.appendChild(tb);
    }
    //-->
    </SCRIPT>
    <body onload="load()" onselectstart="return false" style="cursor:pointer;">
    </body>
      

  5.   

    有出错提示哦。不过真的很爽哦！！