急！急！急！高分请教，如何在一个表里对一整行的内容进行上下移动操作（即行的上下移动）？

给你一个以前帖子的答案吧（摘自以前的帖子）：
<HTML>
<HEAD>
<META content="text/html; charset=gb2312" http-equiv=Content-Type>
<STYLE type=text/css>BODY {
BACKGROUND: white; COLOR: black; FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE: 12px
}
.tableData {
BACKGROUND: white; BORDER-BOTTOM: white 1px dashed; BORDER-LEFT: white 1px dashed; BORDER-RIGHT: white 1px dashed; BORDER-TOP: white 1px dashed; COLOR: black; CURSOR: hand; FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE: 12px
}
.tableDataSel {
BACKGROUND: #6090d0; BORDER-BOTTOM: #6090d0 1px dashed; BORDER-LEFT: #6090d0 1px dashed; BORDER-RIGHT: #6090d0 1px dashed; BORDER-TOP: #6090d0 1px dashed; COLOR: white; CURSOR: hand; FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE: 12px
}
.tableDataHit {
BACKGROUND: #d0e0ff; BORDER-BOTTOM: #d0e0ff 1px dashed; BORDER-LEFT: #d0e0ff 1px dashed; BORDER-RIGHT: #d0e0ff 1px dashed; BORDER-TOP: #d0e0ff 1px dashed; COLOR: black; CURSOR: hand; FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE: 12px
}
.tableDataOver {
BACKGROUND: #d0e0ff; BORDER-BOTTOM: #d0e0ff 1px dashed; BORDER-LEFT: #d0e0ff 1px dashed; BORDER-RIGHT: #d0e0ff 1px dashed; BORDER-TOP: #d0e0ff 1px dashed; COLOR: black; CURSOR: hand; FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE: 12px
}
.controlPanel {
BACKGROUND: silver; COLOR: black; CURSOR: hand; FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE: 14px
}
.controlPanelMouseOver {
BACKGROUND: #d0e0ff; COLOR: black; CURSOR: hand; FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE: 14px
}
.delMouseOver {
BACKGROUND: #d0e0ff; COLOR: black; CURSOR: hand; FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE: 14px
}
.scheduleButtonVisible {
BACKGROUND: silver; BORDER-BOTTOM: gray 1px dashed; BORDER-LEFT: white 1px dashed; BORDER-RIGHT: gray 1px dashed; BORDER-TOP: white 1px dashed; COLOR: black; CURSOR: hand; FONT-FAMILY: webdings; FONT-SIZE: 12px
}
</STYLE>
<SCRIPT language=javascript>
var modified=0
var currentLine=-1
var line=-1
function lightOn(ln)
{
if (ln==null)
  ln=parseInt(event.srcElement.ln,10)
for (i=1;i<PLList.rows.length;i++)
  if (tdt[i].ln==ln)
   line=i
cln=currentLine
oldLine=-1
for (i=1;i<PLList.rows.length;i++)
  if (tdt[i].ln==cln)
   oldLine=i
if (line==oldLine)
  return
//if td <0 then only clear all title
if (line>0)
{
  document.all.tdt[line].className="tableDataHit";
  document.ecform("medication")[line].className="tableDataHit";
  if (oldLine>0)
  {
   document.all.tdt[oldLine].className="tableData";
   document.ecform("medication")[oldLine].className="tableData";
  }
  currentLine=ln
}
}function move(direc){
//向下移动direc行，并将移动到的行高亮度显示 if(line+direc<1 || (line+direc)>document.all.tdt.length-1) return;
var temp=document.ecform.medication[line].value;
document.ecform.medication[line].value=document.ecform.medication[line+direc].value;
document.ecform.medication[line+direc].value=temp

line+=direc;
lightOn(line);
}
function delIt()
{
line=parseInt(event.srcElement.ln,10)
  
if (line>0)
  for (i=1;i<PLList.rows.length;i++)
   if (tdt[i].ln==line)
   {
    if ( document.ecform.medication[i].value.length>0 )
     if (!confirm("Are you sure you want to delete this record?"))
      return
    PLList.deleteRow(i)
   }
}
function modifiedIt(field)
{
// field.value=checkText(field.value);
modified=1
line=parseInt(event.srcElement.ln,10)
  
if (line>0)
   for (i=1;i<PLList.rows.length;i++)
    if (tdt[i].ln==line)
     document.ecform.edit[i].value=1
}
function newHospitalVisit()
{
newRow=PLList.insertRow(PLList.rows.length);
newRow.id="tdt";
newRow.ln=allCount;
newRow.bgColor="#e0e0e0";
newRow.className="tableData";
newRow.onclick=lightOn;c1=newRow.insertCell(0);
c1.id="delItem";
c1.ln=allCount;
c1.className="scheduleButtonVisible";
c1.onclick=delIt;
c1.onmouseover=mouseOver;
  c1.onmouseout=mouseOut;
c1.innerHTML="<input type=hidden name=PLID value=0><input type='hidden' name='edit' value=0>";
c2=newRow.insertCell(1);
c2.ln=allCount;
c2.innerHTML="<input type=text size=58 maxlength=100 name=medication ln="+allCount+" class=tableData onkeyup='modifiedIt()'>"
allCount++
}
function mouseOver()
{
event.srcElement.className="delMouseOver"
}
function mouseOut()
{
event.srcElement.className="scheduleButtonVisible"
}
</SCRIPT>
  <META content="Microsoft FrontPage 4.0" name=GENERATOR>
</HEAD>
<BODY bgColor=white>
<FORM method=post name=ecform>
  <DIV id=div1 
style="LEFT: 0px; POSITION: absolute; TOP: 0px; VISIBILITY: visible; WIDTH: 658px"> 
    <TABLE bgColor=silver border=2 borderColorDark=gray borderColorLight=silver 
cellPadding=2 cellSpacing=1 cols=1 id=PLList rules=rows width="100%">
      <TBODY> 
      <TR bgColor=#0a6846 id=tdt> 
        <TH width=80><FONT color=white>删除 
          <INPUT name=PLID type=hidden>
          <INPUT 
      name=edit type=hidden>
          </FONT></TH>
        <TH width="559"> 
          <INPUT name=medication type=hidden>
          <FONT 
      color=white>变化表格 </font> 
      </TR>
      <TR bgColor=#e0e0e0 class=tableData id=tdt onclick=lightOn() ln="1"> 
        <TD class=scheduleButtonVisible onclick=delIt() onmouseout=mouseOut() 
    onmouseover=mouseOver() ln="1" width="80"><FONT size=2> 
          <INPUT name=PLID type=hidden 
      value=54 ln="1">
          <INPUT name=edit type=hidden value=0>
          </FONT></TD>
        <TD ln="1" width="559"> 
          <INPUT class=tableData maxLength=100 name=medication 
      onkeyup=modifiedIt(this) size=58 value="like it?" ln="1">
        </TD>
      </TR>
      <TR bgColor=#e0e0e0 class=tableData id=tdt onclick=lightOn() ln="2"> 
        <TD class=scheduleButtonVisible onclick=delIt() onmouseout=mouseOut() 
    onmouseover=mouseOver() ln="2" width="80"><FONT size=2> 
          <INPUT name=PLID type=hidden 
      value=55 ln="2">
          <INPUT name=edit type=hidden value=0>
          </FONT></TD>
        <TD ln="2" width="559"> 
          <INPUT class=tableData maxLength=100 name=medication 
      onkeyup=modifiedIt(this) size=58 value="how about it?" ln="2">
        </TD>
      </TR>
      <TR bgColor=#e0e0e0 class=tableData id=tdt onclick=lightOn() ln="3"> 
        <TD class=scheduleButtonVisible onclick=delIt() onmouseout=mouseOut() 
    onmouseover=mouseOver() ln="3" width="80"><FONT size=2> 
          <INPUT name=PLID type=hidden 
      value=56 ln="3">
          <INPUT name=edit type=hidden value=0>
          </FONT></TD>
        <TD ln="3" width="559"> 
          <INPUT class=tableData maxLength=100 name=medication 
      onkeyup=modifiedIt(this) size=58 ln="3">
        </TD>
      </TR>
      </TBODY> 
    </TABLE>
    <SCRIPT>
allCount=4
</SCRIPT>
    

    <TABLE align=center border=1 borderColorDark=white borderColorLight=gray 
cellPadding=1 cellSpacing=1 class=controlPanel cols=4 rules=all width="100%" 
nowrap>
      <TBODY> 
      <TR> 
        <TD align=middle class=controlPanel onclick=newHospitalVisit() 
    onmouseout="this.className='controlPanel'" 
    onmouseover="this.className='controlPanelMouseOver'"><font size="2" face="仿宋_GB2312, 楷体_GB2312">添加一行</font></TD>
      </TR>
      <TR> 
        <TD align=middle class=controlPanel onclick=move(-1) 
    onmouseout="this.className='controlPanel'" 
    onmouseover="this.className='controlPanelMouseOver'"><font size="2" face="仿宋_GB2312, 楷体_GB2312">向上移动</font></TD>
      </TR>
      <TR> 
        <TD align=middle class=controlPanel onclick=move(1) 
    onmouseout="this.className='controlPanel'" 
    onmouseover="this.className='controlPanelMouseOver'"><font size="2" face="仿宋_GB2312, 楷体_GB2312">向下移动</font></TD>
      </TR>
      </TBODY> 
    </TABLE>
  </DIV>
</FORM>
</BODY>
</HTML>

解决方案 »

  1.   

    可以用<marquee direction=fun>内容</marquee>
    其中fun为up(向上)down(下)left(左)right(右)
      

  2.   

    可以用<marquee direction=fun>内容</marquee>
    其中fun为up(向上)down(下)left(左)right(右)
      

  3.   

    <HTML>
    <HEAD>
    <TITLE>上下移动表格的行</TITLE>
    <style>
    .unselect {
    BACKGROUND: white; BORDER-BOTTOM: white 1px dashed; BORDER-LEFT: white 1px dashed; BORDER-RIGHT: white 1px dashed; BORDER-TOP: white 1px dashed; COLOR: black; CURSOR: hand; FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE: 12px
    }
    .selected {
    BACKGROUND: #6090d0; BORDER-BOTTOM: #6090d0 1px dashed; BORDER-LEFT: #6090d0 1px dashed; BORDER-RIGHT: #6090d0 1px dashed; BORDER-TOP: #6090d0 1px dashed; COLOR: white; CURSOR: hand; FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE: 12px
    }
    </style>
    <script LANGUAGE="JavaScript">
    var curtrNode;
    function MoveUp(trNode)
    {
    if(trNode!=null&&trNode.previousSibling!=null){
    trNode.swapNode(trNode.previousSibling);
    }
    }
    function MoveDown(trNode)
    {
    if(trNode!=null&&trNode.nextSibling!=null){
    trNode.swapNode(trNode.nextSibling);
    }
    }
    function selectRow()
    {
    if(curtrNode!=null){
    curtrNode.className="unselect";
    }
    curtrNode = event.srcElement.parentNode;
    curtrNode.className="selected";
    }
    </script>
    </HEAD>
    <BODY >
    <div id="MoveButton" style="background-color:green;top:100;left:100;visibility:visible;position:Absolute;width:50;height:30">
    <table><tr><td><input type=button value="up" onclick="MoveUp(curtrNode)"></td></tr>
    <tr><td><input type=button value="down" onclick="MoveDown(curtrNode)"></td></tr></table>
    </div>
    <TABLE ID="moveableTable" ALIGN="left" BORDER=1 CELLSPACING=0 CELLPADDING=0 WIDTH="100%">
    <TR id="0" class="unselect" ALIGN="left" VALIGN="middle" onclick="selectRow()">
    <TD>0011111111111</TD>
    <TD>01</TD>
    </TR>
    <TR id="1" class="unselect" ALIGN="left" VALIGN="middle" onclick="selectRow()">
    <TD>102222222222222222222222</TD>
    <TD>11</TD>
    </TR>
    <TR class="unselect" ALIGN="left" VALIGN="middle" onclick="selectRow()">
    <TD>20</TD>
    <TD>21</TD>
    </TR>
    <TR ALIGN="left" class="unselect" VALIGN="middle" onclick="selectRow()">
    <TD>30</TD>
    <TD>31</TD>
    </TR>
    </TABLE>
    </BODY>
    </HTML>主要是文档模型的使用
      

  4.   

    <script>
    function test()
    {
    var e=event.srcElement
    if(e.tagName=="TABLE") return
    if(e.tagName=="IMG")
    {
    if(e.name=='up') mu()
    if(e.name=='down') md()
    return
    }
    while(e.tagName!="TR") e=e.parentElement
    for(var i=0;i<document.getElementById("mxh").rows.length;i++)
    document.getElementById("mxh").rows[i].cells[2].innerHTML=""
    e.cells(2).innerHTML="<img src='up.gif' name=up alt='up'><img src='down.gif' name=down alt='down'>"
    }
    function mu()
    {
    var eu=event.srcElement.parentElement.parentElement
    if(eu.previousSibling) eu.swapNode(eu.previousSibling);
    }
    function md()
    {
    var eu=event.srcElement.parentElement.parentElement
    if(eu.nextSibling) eu.swapNode(eu.nextSibling);
    }
    </script>
    <table border=1 onclick="test()" id=mxh>
    <tr>
    <td>AAAAAAA</td><td>BBBBBBBB</td><td> </td>
    </tr>
    <tr>
    <td>2ccccc</td><td>2dddddddd</td><td> </td>
    </tr>
    <tr>
    <td>3cccccc</td><td>3ddddd</td><td> </td>
    </tr>
    </table>