<script language="javascript">
  var beginmoving=false;
function mousedowntomove(obj){
 obj.style.zindex=1;
 obj.mousedowny=event.clienty;
 obj.mousedownx=event.clientx;
 beginmoving=true;
 obj.setcapture();
}

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;
 var temptop=event.clienty-obj.mousedowny;
 var temprowindex=(temptop-temptop%25)/25;
 if(temprowindex+obj.rowindex <0 )temprowindex=-1;
 else temprowindex=temprowindex+obj.rowindex;
 if(temprowindex >= obj.parentelement.rows.length-1) temprowindex = obj.parentelement.rows.length-1;
 obj.parentelement.moverow(obj.rowindex,temprowindex);
}

</script>
用鼠标移动tr<br> 
  <table width="300" border="1" >
   
   <tr bgcolor=#ffffff style='height:25;position:relative;' onmousedown='mousedowntomove(this)' onmousemove='mousemovetomove(this)' onmouseup='mouseuptomove(this);'><td bgcolor=blue>0</td><td>0</td><td>0</td></tr>
   <tr bgcolor=#ffffff style='height:25;position:relative;' onmousedown='mousedowntomove(this)' onmousemove='mousemovetomove(this)' onmouseup='mouseuptomove(this);'><td bgcolor=black>1</td><td>1</td><td>1</td></tr>
   <tr bgcolor=#ffffff style='height:25;position:relative;' onmousedown='mousedowntomove(this)' onmousemove='mousemovetomove(this)' onmouseup='mouseuptomove(this);'><td bgcolor=red>2</td><td>2</td><td>2</td></tr>
   <tr bgcolor=#ffffff style='height:25;position:relative;' onmousedown='mousedowntomove(this)' onmousemove='mousemovetomove(this)' onmouseup='mouseuptomove(this);'><td>3</td><td>3</td><td>3</td></tr>
   <tr bgcolor=#ffffff style='height:25;position:relative;' onmousedown='mousedowntomove(this)' onmousemove='mousemovetomove(this)' onmouseup='mouseuptomove(this);'><td>4</td><td>4</td><td>4</td></tr>
   <tr bgcolor=#ffffff style='height:25;position:relative;' onmousedown='mousedowntomove(this)' onmousemove='mousemovetomove(this)' onmouseup='mouseuptomove(this);'><td>5</td><td>5</td><td>5</td></tr>
   <tr bgcolor=#ffffff style='height:25;position:relative;' onmousedown='mousedowntomove(this)' onmousemove='mousemovetomove(this)' onmouseup='mouseuptomove(this);'><td>6</td><td>6</td><td>6</td></tr>
   <tr bgcolor=#ffffff style='height:25;position:relative;' onmousedown='mousedowntomove(this)' onmousemove='mousemovetomove(this)' onmouseup='mouseuptomove(this);'><td>7</td><td>7</td><td>7</td></tr>

   </script>
  </table>