模板
教程
环境
性能
功能
管理
七彩渐变条（2）：改进版
发表于：2007-06-30来源：作者：点击数：
标签：
html head title七彩渐变条/title meta http-equiv=Content-Type content=text/html; charset=gb2312 Script language= Java Script var cellsnum=256; //控制表格列数 var rowsnum=1; //控制表格行数 var td height=30; //控制表格行数 var bg=new Array(cel
<html><head>
<title>七彩渐变条</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<Script language="JavaScript">
var cellsnum=256;
//控制表格列数
var rowsnum=1;
//控制表格行数
var tdheight=30;
//控制表格行数
var bg=new Array(cellsnum);
function rand(number) {
var a=Math.random();
return parseInt((a)*number+1);
};
for (n=0;n<cellsnum*rowsnum;n++)
{
bg[n]="rgb("+rand(256)+","+rand(256)+","+rand(256)+")";
}
/*
bg[0]="#ffffff" ;
bg[1]="#CCFFCC" ;
bg[2]="#00FF00" ;
bg[3]="#33CC33" ;
bg[4]="#009933" ;
bg[5]="#006600" ;
bg[6]="#003300" ;
bg[7]="#3399FF" ;
bg[8]="#0066FF" ;
bg[9]="#0000FF" ;
bg[10]="#3333CC";
bg[11]="#333399";
bg[12]="#000066";
bg[13]="#FFFF66";
bg[14]="#FFCC00";
bg[15]="#FF9900";
bg[16]="#CC6600";
bg[17]="#CC3300";
bg[18]="#800000";
bg[19]="#8033FF";
*/
var j=0;
function changecolor()
{
var t=document.all.mytable;
var r=t.rows.length;
for (m=0;m<r;m++)
{
var l=t.rows[m].cells.length;
for(i=0;i<l;i++)
{
k=Math.abs((i-j))%l;
t.rows[m].cells[i].bgColor=bg[k+m*cellsnum];
}
j++;
}
setTimeout("changecolor()",100)
}
</Script>
</head>
<body bgcolor="#FFFFFF" onload="setTimeout(@#changecolor()@#,10);">
<table border="0" width="100%" cellspacing="1" cellpadding="0" id="mytable" bgcolor="#FF9900">
<Script language="JavaScript">
for (var q=0;q<rowsnum;q++)
{
document.writeln(@#<tr height=@#+tdheight+@#>@#);
for (var w=0;w<cellsnum;w++)
{
document.writeln(@# <td> </td>@#);
}
document.writeln(@#</tr>@#);
}
</Script>
</table>
</body>
</html>
