要完成此效果把如下代碼加入到區(qū)域中
<script language="javascript">
var line=new Array();
var w=35; // 一條邊框的小格的個(gè)數(shù)（所以是個(gè)正方形啦）
var left=280; // 這個(gè)是邊框在頁(yè)面中的位置的左上角的X坐標(biāo)
var top=10; // 自然就是縱坐啦
var width=4; // 邊框中一小格的象素寬
var height=3; // 邊框的高度，設(shè)為1的話(huà)就是一條細(xì)線(xiàn)了
line[0]="ff"+Number(25).toString(16)+Number(25).toString(16);
line[1]="ff"+Number(50).toString(16)+Number(50).toString(16);
line[2]="ff"+Number(75).toString(16)+Number(75).toString(16);
line[3]="ff"+Number(100).toString(16)+Number(100).toString(16);
line[4]="ff"+Number(125).toString(16)+Number(125).toString(16);
line[5]="ff"+Number(150).toString(16)+Number(150).toString(16);
line[6]="ff"+Number(175).toString(16)+Number(175).toString(16);
line[7]="ff"+Number(200).toString(16)+Number(200).toString(16);
line[8]="ff"+Number(225).toString(16)+Number(225).toString(16);
line[9]="ff"+Number(225).toString(16)+Number(225).toString(16);
line[10]="ff"+Number(225).toString(16)+Number(225).toString(16);
line[11]="ff"+Number(225).toString(16)+Number(225).toString(16);
line[12]="ff"+Number(200).toString(16)+Number(200).toString(16);
line[13]="ff"+Number(175).toString(16)+Number(175).toString(16);
line[14]="ff"+Number(150).toString(16)+Number(150).toString(16);
line[15]="ff"+Number(125).toString(16)+Number(125).toString(16);
line[16]="ff"+Number(100).toString(16)+Number(100).toString(16);
line[17]="ff"+Number(75).toString(16)+Number(75).toString(16);
line[18]="ff"+Number(50).toString(16)+Number(50).toString(16);
line[19]="ff"+Number(25).toString(16)+Number(25).toString(16);
function writes(num)
{
var temp;
var s;
var tl,tt;
var tw,th;
temp=num+1;
if(num==0)
{
tl = left;
tt = top;
tw = w*width;
th = height;
s="
";
}
if(num==1)
{
tl = left+w*width;
tt = top;
tw = height;
th = w*width;
s="
";
}
if(num==2)
{
tl = left+height;
tt = top+w*width;
tw = w*width;
th = height;
s="
";
for(r=w;r>0;r--)
{
temp=r-1+w*num;
s+=" | ";
}
s+="
";
}
if(num==3)
{
tl = left;
tt = top+height;
tw = height;
th = w*width;
s="
";
for(r=w;r>0;r--)
{
temp=r-1+w*num;
s+=" |
";
}
s+="
";
}
return s;
}
function count()
{
var i;
var temp;
var total;
total = w*4;
for(i=0; i
(total-1)?(temp-total):temp;
document.all["tab"+temp].style.backgroundColor=line[line.length-i];
}
pos=(pos+1)>total?0:(pos+1);
}
for(i=0;i<=3;i++)
{
document.write(writes(i));
}
var pos=0;
setInterval("count()", 1);
</script> 
桂公網(wǎng)安備45010502000253號(hào)
電子營(yíng)業(yè)執(zhí)照
