js螺旋矩阵写法的一些心得

新客网 XKER.COM 2007-09-02 来源：收藏本文

用js写的螺旋矩阵算法，很有意思
<html>
<head>
<style>
.a{ text-align:right; background-color:#CCFFCC; font:16pt 'verdana'}
</style>
<script language="JScript">
<!--
var DGrid=new Array(8);
function InitGrid(){
for(var i=0;i<8;i++){
  DGrid[i]=new Array(8);
  for(var j=0; j<8;j++){
   DGrid[i][j]=0;
  }
}
}
function InitDigit(){
var X = 3;
var Y = 3;
var N = 2;
var dir=0;
var t=0;
DGrid[3][3]=1;
for(var i=0;i<7;i++){
  for(var j=1;j<=2;j++){
   t=0;
   while(t<=i){
    X+=(dir==0)?1:((dir==2)?-1:0);
    Y+=(dir==1)?1:((dir==3)?-1:0);
    DGrid[X][Y]=N;
    N++;t++;
   }
   dir ++;
   dir %= 4;
  }
}
}
function ShowGrid(obj,n){
//alert(n);
if(n<0 || n>7){
  return;
}else{
  alert("超出范围！");
}
InitGrid();
InitDigit();
str="<Table border=1 align=center>";
var v1 = Math.ceil(3-n/2.0+0.5);
var v2 = v1 + n ;
for(var i=v1;i<v2;i++){
  str+="<Tr>";
  for(var j=v1;j<v2;j++)
   str+="<TD class='a'onmouseover='over(this)' onmouseout='out(this)'> "+DGrid[j][i]+" </TD>";
  str+="</Tr>"
}
str +="</Table>";
obj.innerHTML=str;
}

function over(obj){
obj.style.backgroundColor="#FFCCCC";
}
function out(obj){
obj.style.backgroundColor="#CCFFCC";
}
-->
</script>
</head>

</html>

上一篇：JS将字符串转为XML并读取对象值下一篇：几种常用禁止修改输入框的方法

【收藏】【评论】【推荐】【投稿】【打印】【关闭】