首页  编辑  

网页的淡入淡出

Tags: /计算机文档/网页制作/   Date Created:

<SCRIPT language="JavaScript">

function makearray(n) {

   this.length = n;

   for(var i = 1; i <= n; i++)

       this[i] = 0;

   return this;

}

hexa = new makearray(16);

for(var i = 0; i < 10; i++)

   hexa[i] = 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)));

   }

}

function fadein() {

   fade(0,0,0, 0,128,128, 128);  

 

}

function fadeout() {

   fade(255,255,255, 0,128,128, 128);

   

}

</SCRIPT>

</head>

<body bgcolor="#008080" text="#00FFFF" onLoad="fadein()">