表格中颜色的渐变
下面为效果显示
Left
To
Right
脚本说明: 把如下代码加入<body>区域中： <SCRIPT LANGUAGE="JavaScript"> <!-- Begin IE = (document.all); if (IE) { var chidc = new Array(); var hexc = new Array('0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F'); var chidn = new Array(100,70,40); var step = new Array(10,10,10); var chway = new Array(step[0],step[1],step[2]); var tone = new Array(1,1,1); function chcol() { for (i=0; i<3; i++) { chidn[i]+=chway[i]; if (chidn[i]>=255) { chidn[i] = 255; chway[i] = -step[i]; } else if (chidn[i]<=40) { chidn[i] = 40; chway[i] = step[i]; tone[i]>=3? tone[i] = 1:tone[i]++; } col1 = hexc[Math.floor(chidn[i]/16)]; col2 = hexc[chidn[i]%16]; tored = ''; toblue = ''; for (j=1; j<tone[i]; j++) tored+='00'; for (j=3; j>tone[i]; j--) toblue+='00'; chidc[i] = '#'+tored+col1+col2+toblue; td = eval('document.all.chcol'+i); td.style.backgroundColor = chidc[i]; } setTimeout('chcol()',100); } } // End --> </script> <center> <table cellspacing=2 cellpadding=0 bgcolor=#999999 width=300> <tr> <td width=33% align=center id=chcol0 name=id=chcol0> <font color=white>Left</td> <td width=33% align=center id=chcol1 name=id=chcol0> <font color=white>To</td> <td width=33% align=center id=chcol2 name=id=chcol0> <font color=white>Right</td> </tr> </table> </center> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin chcol(); // End --> </script>