|
| Descripción del ejemplo JavaScript
El Script es bastante extenso así que nos centraremos en explicar las variables que podemos modificar para personalizar el efecto a nuestro gusto.
El efecto se produce por la transición entre dos colores, el primer color pasa a un segundo plano mientras que el segundo es suplantado por otro y así hasta que se completan las 12 secuencias, pasando por todos los colores que definimos en la variable colors. Debemos definir los colores con valores hexadecimales y por supuesto podemos utilizar toda la combinación de este sistema. La variable cambioColor permite definir el tiempo que debe transcurrir hasta que se produzca el siguiente efecto. En este caso utilizamos el valor 2, así que cada 2 segundos se producirá el cambio de color con efecto degradado en el fondo de la página. efectoDegradado acepta 3 valores: horizontal, vertical y none. Internet Explorer soporta los tres valores respentando el efecto elegido, pero Firefox produce el efecto none sin importar cual hayamos definido nosotros. Luego tenemos una variable que puede parecerse a la que nos permite definir el tiempo en el que se ejecuta el efecto, pero lo que hace e definir la velocidad del efecto, velocidad que acepta un número entero positivo. Nosotros le hemos dado el valor de 20 ya que con éste se aprecia bastante bien el efecto, pero podemos cambiarlo disminuyendo o aumentando su valor. Debemos tener en cuenta que un valor demasiado elevado retardará demasiado el efecto teniendo que esperar varios segundos hasta que se cambia a un nuevo color y si disminuimos mucho el valor será tan rápido que nuestra vista no será capaz de percibirlo. Por último está i_loopmax que nos permite definir la cantidad de veces que se producirá el efecto. Para que prácticamente se produzca a todo momento podemos darle el valor 9999999. Algo a tener en cuenta a la hora de elegir este Script para nuestro sitio es que puede resultar muy cansador para el visitante percibir el efecto a cada momento en cada página, por lo que éste de seguro cerrará la ventana del explorador. Lo que recomiendo es aplicar el efecto solo 1, 2 o 3 veces por página y con el valor none en efectoDegradado, así al finalizar el efecto la página quedará con un solo color de fondo. También debemos tener cuidado con los colores que utilicemos ya que la falta de contraste entre el color de fondo y el color del texto puedo impedir visualizar correctamente la página. |
|
Información relativa al Script |
|
Compatible con:
Tamaño del Script: 6KB Probar el Script
Comentarios: Firefox sólo soporta el valor none en la variable efectoDegradado. Temas relacionados a este Script |
Cambio de Color de Fondo de la Página con Efecto Degradado. Código fuente del script: |
| Temas relacionados a este Script: | ||
|
![]() Agradecemos todos los comentarios. Gracias por ayudarnos a mejorar el sitio. Importante: Los comentarios están para ampliar el artículo propuesto en esta página, proponer o responder alguna consulta de otro visitante. En ningún caso nos hacemos responsables del contenido publicado en los comentarios. En el caso que formules una pregunta y ésta no sea respondida, puedes solicitarnos ayuda desde el formulario de ayuda aunque no te aseguramos una respuesta inmediata. | ||
| Código JavaScript Todos los derechos reservados | |||