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


答案：<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>
上一个：七彩渐变条，漂亮的那种（1）
下一个：两个列表匡内容互相挪来挪去的例子(javascript)
更多图片编程知识: