七彩渐变条（2）：改进版

作者： unknow

<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>

返回顶部

下一篇：两个列表匡内容互相挪来挪去的例子(javascript) >>