代碼如下：
<!--<br /> all rights by Lonsan on 2005<br /> email:Lonsan21@163.com<br />--><br /><html><br /><head><br /><meta http-equiv="Content-type" content="text/html; charset=gb2312"><br /><title>HTML中利用堆棧方式對Table進行行排序</title><br /><style><br />body,table<br />{}{}{}{<br /> font-size:9pt;<br />}<br />.grid<br />{}{}{}{<br /> border:1 solid #6666FF;<br /> width:460;<br />}<br />.grid tr<br />{}{}{}{<br /> cursor:hand;<br />}<br />.grid td<br />{}{}{}{<br /> border:1 solid #6666FF;<br />}<br /></style><br /><script language="javascript"><br /><!--<br />function select(tr)<br />{<br /> if(grid.selectedTr!=null)<br /> {<br /> grid.selectedTr.style.backgroundColor="";<br /> } </p><p> grid.selectedTr=tr;<br /> tr.style.backgroundColor="#FFCC00";<br />}<br />function isselected()<br />{<br /> if(grid.selectedTr==null)<br /> return false; </p><p> return true;<br />}<br />function push(s)<br />{<br /> if(grid.stack==null)<br /> grid.stack=[]; </p><p> grid.stack.push(s);<br />}<br />function pop()<br />{<br /> if(grid.stack==null)<br /> return null; </p><p> return grid.stack.pop();<br />}<br />function movetop()<br />{<br /> if(!isselected()) return; </p><p> var s=[];<br /> s.push(grid.selectedTr.rowIndex);<br /> s.push(0);<br /> push(s); </p><p> grid.moveRow(grid.selectedTr.rowIndex, 0);<br />}<br />function moveup()<br />{<br /> if(!isselected()) return; </p><p> var s=[];<br /> s.push(grid.selectedTr.rowIndex);<br /> s.push(Math.max(grid.selectedTr.rowIndex-1,0));<br /> push(s); </p><p> grid.moveRow(grid.selectedTr.rowIndex, Math.max(grid.selectedTr.rowIndex-1,0));<br />}<br />function movedown()<br />{<br /> if(!isselected()) return; </p><p> var s=[];<br /> s.push(grid.selectedTr.rowIndex);<br /> s.push(Math.min(grid.selectedTr.rowIndex+1,grid.rows.length-1));<br /> push(s); </p><p> grid.moveRow(grid.selectedTr.rowIndex, Math.min(grid.selectedTr.rowIndex+1,grid.rows.length-1));<br />}<br />function movebottom()<br />{<br /> if(!isselected()) return; </p><p> var s=[];<br /> s.push(grid.selectedTr.rowIndex);<br /> s.push(grid.rows.length-1);<br /> push(s); </p><p> grid.moveRow(grid.selectedTr.rowIndex, grid.rows.length-1);<br />}<br />function cancelmove()<br />{<br /> if(grid.stack==null || grid.stack.length==0)<br /> return; </p><p> var s=pop();<br /> if(s!=null)<br /> {<br /> select(grid.rows[s[1]]);<br /> grid.moveRow(s[1],s[0]);<br /> }<br />}<br />function cancelall()<br />{<br /> if(grid.stack!=null && grid.stack.length>0)<br /> {<br /> cancelmove();<br /> window.setTimeout(cancelall, 2000);<br /> }<br /> else if(grid.stack!=null)<br /> {<br /> alert("over!!!");<br /> }<br />}<br />//--><br /></script><br /></head> </p><p><body><br /><table id="grid" class="grid"><br /> <tr onclick="select(this);"><br /> <td>1</td><br /> <td>Lonsan21@163.com</td><br /> <td>藍山</td><br /> <td>Asp.Net</td><br /> <td>JS</td><br /> </tr><br /> <tr onclick="select(this);"><br /> <td>2</td><br /> <td>Lonsan21@163.com</td><br /> <td>藍山</td><br /> <td>Asp.Net</td><br /> <td>JS</td><br /> </tr><br /> <tr onclick="select(this);"><br /> <td>3</td><br /> <td>Lonsan21@163.com</td><br /> <td>藍山</td><br /> <td>Asp.Net</td><br /> <td>JS</td><br /> </tr><br /> <tr onclick="select(this);"><br /> <td>4</td><br /> <td>Lonsan21@163.com</td><br /> <td>藍山</td><br /> <td>Asp.Net</td><br /> <td>JS</td><br /> </tr><br /> <tr onclick="select(this);"><br /> <td>5</td><br /> <td>Lonsan21@163.com</td><br /> <td>藍山</td><br /> <td>Asp.Net</td><br /> <td>JS</td><br /> </tr><br /> <tr onclick="select(this);"><br /> <td>6</td><br /> <td>Lonsan21@163.com</td><br /> <td>藍山</td><br /> <td>Asp.Net</td><br /> <td>JS</td><br /> </tr><br /></table><br /><br><br /><a href="javascript:movetop();">Top</a><br /><a href="javascript:moveup();">Up</a><br /><a href="javascript:movedown();">Down</a><br /><a href="javascript:movebottom();">Bottom</a><br /> <br /><a href="javascript:cancelmove();">Cancel</a><br /><a href="javascript:cancelall();">CancelAll</a><br /></body><br /></html>
[Ctrl+A 全選 提示:你可先修改部分代碼,再點運行代碼]
轉自: http://www.cnblogs.com/Lonsan/archive/2005/04/09/table.html
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
