<html>
<head>
<title></title>
<script language="JavaScript">
<!--
function movetd()
{
var obj=document.all.tb
var col=obj.rows[0].cells.length
var row=obj.rows.length
var tmp=obj.rows[0].cells[0].innerHTML;
for(var i=0;i<(col*row-1);i++)
{
x0=i % col; y0=(i -x0) /col;
x1=(i+1) % col;y1=(i+1-x1) /col;
obj.rows[y0].cells[x0].innerHTML=obj.rows[y1].cells[x1].innerHTML
}
obj.rows[row-1].cells[col-1].innerHTML=tmp
}
-->
</script>
</head>
<body>
<table id="tb" width=200 height=200 border=1>
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>4</td><td>5</td><td>6</td></tr>
<tr><td>7</td><td>8</td><td>9</td></tr>
<table>
<input type="button" value="移动" onclick="movetd()">
</body>
</html>

解决方案 »

  1.   

    <table id="tb" width=200 height=200 border=1>
    <tr><td id=a1>1</td><td id=a2>2</td><td id=a3>3</td></tr>
    <tr><td id=a4>4</td><td id=a5>5</td><td id=a6>6</td></tr>
    <tr><td id=a7>7</td><td id=a8> 8</td><td id=a9>9</td></tr>
    <table>
    <script>
    var counts[10]=""
    function movecri(){
       
    }
    </script>
      

  2.   

    时间加一句:setInterval("movetd()",10000);
    这样就可以了。呵呵。如果是这样的表格能实现顺时针转的效果吗?
          1
       2     3
    4           5
       6     7
          8 
    就是类似一个圆或者菱形吧.谢谢!