淡入、淡出效果

这个东西存在已有一段时间了，但当它首次亮相时，引起的可不只一连串的惊叹声。为了不使它的光芒褪色，我们在此教你如何让你的网页在下载时，由某一色渐变至另一色。 
做起来挺容易的，不过你应该会想要建立一套自己的色彩计划吧。 

步骤一 
将底下的JavaScript程序代码贴至网页的页首。

<SCRIPT LANGUAGE="JavaScript">
<!--

function makearray(n) {
this.length = n;
for(var i = 1; i <= n; i++)
this = 0;
return this;
}

hexa = new makearray(16);
for(var i = 0; i < 10; i++) hexa = i;
hexa[10]="a"; hexa[11]="b"; hexa[12]="c";
hexa[13]="d"; hexa[14]="e"; hexa[15]="f";

function hex(i) {
if (i < 0)
return "00";
else if (i > 255)
return "ff";
else
return "" + hexa[Math.floor(i/16)] + hexa[i%16];
}

function setbgColor(r, g, b) {
var hr = hex(r); var hg = hex(g); var hb = hex(b);
document.bgColor = "#"+hr+hg+hb;
}

function fade(sr, sg, sb, er, eg, eb, step) {
for(var i = 0; i <= step; i++) {
setbgColor(
Math.floor(sr * ((step-i)/step)  + er * (i/step)),
Math.floor(sg * ((step-i)/step) +  eg * (i/step)),
Math.floor(sb * ((step-i)/step) +  eb * (i/step)));
}
}

fade(0,0,0,255,255,255,150);

// -->
</SCRIPT>

步骤二 
要创造属于你自己的色彩计划，只要把最后一行的Script改掉即可: 

fade(0,0,0,255,255,255,150);

玩玩这七种颜色吧。开头的前三个数值，分别是指红、绿和蓝的RGB值；接下来的三个数字则是指网页完成下载时的RGB值。最后一个数字代表从开始载入到最后完成载入之间，颜色的渐变转换次数。数字值越高，渐变的层次越多、渐变的速度愈慢。所以目前的数值是显示这个网页从黑色(0,0,0)到白色(255,255,255)，中间经过了150个渐变。
php爱好者站 http://www.phpfans.net 网页制作|网站建设|数据采集.