Tutorial sobre Javascript Antecedentes Efectos

JavaScript es un lenguaje de gran alcance que permite a los programadores web para realizar cambios en un sitio web en tiempo real, mientras que el usuario ve. No sólo puede procesar los datos, pero puede cambiar el aspecto visual de la página web y es capaz de animar cada parte visible del sitio. Una de las capacidades de JavaScript es realizar cambios en el fondo de la página. El efecto de animación de fondo más común es a desaparecer de un color a otro.

Instrucciones

1 Copia y pega el siguiente código en la cabecera del documento HTML:

<Script language = "javascript">
<! -
función 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";

función hexagonal (i) {

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

}

setBGColor función () {

var hr = hex(Math.floor(gsr * ((gstepmax-gstep)/gstepmax) + ger * (gstep/gstepmax)));
var hg = hex(Math.floor(gsg * ((gstepmax-gstep)/gstepmax) + geg * (gstep/gstepmax)));
var hb = hex(Math.floor(gsb * ((gstepmax-gstep)/gstepmax) + geb * (gstep/gstepmax)));

document.bgColor = "#" + h + Hg + HB;

si (GStep & lt; gstepmax)
setTimeout (setBGColor, 10);

GStep ++;

}

var GSR, GSG, GSB, ger, GEG, GEB, GStep;

función de fundido (sr, SG, SB, er, por ejemplo, EB, paso) {

gsr = sr;
gsg = sg;
gsb = sb;
ger = er;
geg = eg;
geb = eb;
gstep = 0;
gstepmax = step;

setTimeout (setBGColor, 10);

}

2 Encontrar el valor del color que desea desaparecer de y el color que desea hacer desaparecer a. Los valores son números que representan tres rojo, verde y azul, respectivamente, y cada rango de 0 a 255. Por ejemplo, el color (255,0,0) es máximo rojo, no verde y no azul.

3 Multiplicar por 100 el número de segundos que desea que el efecto de fundido al último. Por ejemplo, cinco segundos serían 500.

4 Copiar y pegar el siguiente código justo debajo del código que pegó en el Paso 1:

fade (0,0,0,

0,0,0,
125);

// ->
</ Script>

5 Vuelva a colocar los tres primeros ceros en el paso anterior con los números para el "desvanecimiento de" color determinado en el paso 2.

6 Reemplazar los segundos tres ceros con los números para el "fundido a" color determinado en el paso 2.

7 Reemplazar el número final con los milisegundos establecidas en el paso 3.

8 Abra el documento HTML para ver el efecto de fondo aparición gradual de la acción.

Consejos y advertencias

• Si accidentalmente introduce un número menor que 0 o mayor que 255, el fondo se reajustará en el color de fondo por defecto para el navegador, que es generalmente de color blanco. Si el fondo se queda en blanco en lugar de desvanecimiento, asegúrese de que usted ha puesto en los valores de los colores correctos.