Efecto de fondo / Background

Categoría: Efectos de fondo / Background - (4 Script)

Una de las mayores ventajas de los navegadores visuales es la de poder personalizar el color de fondo de nuestra página para que se adapte al estilo y diseño de nuestra web. Si bien con el lenguaje HTML o CSS podemos definir mediante la propiedad adecuada el color único que tendrá la página, muchas veces puede resultar interesante aplicar efectos de cambio de color o bien, permitir a los visitantes elegir el color de la página al que más le guste. Para esto ofrecemos varios ejemplos en Javascript.

Indice de Ejemplos JavaScript

Cargar una imagen de fondo diferente según la hora del sistema
Compatible con: - Tamaño: 1 KB - <Ver código Fuente>

Utilizar una imagen de fondo en una página web es algo muy común en estos días, pero la posibilidad de usar varios motivos es algo que no todos implementan y, a través de JavaScript, podemos hacerlo posible. Este ejemplo carga una imagen de fondo diferente según la hora del sistema que ejecuta el Script. El mismo está configurado para mostrar 4 motivos de imagen aunque podemos agregar / quitar los que deseemos.
Efecto Fadein y Fadeout en el color de fondo de pantalla
Compatible con: - Tamaño: 3 KB - <Ver código Fuente>

El mismo aplica un efecto de cambio de color en el fondo de pantalla. Este efecto es el conocido Fadein y Fadeout, que por lo general toma un color base y lo lleva hacia otro color final pasando por distintas escalas de color. En este caso el Script vuelve a cargar el color base dejando el color de fondo de pantalla igual al definido en el atributo bgcolor o background.
Fondo de Página Background con Efecto Degradado
Compatible con: - Tamaño: 1 KB - <Ver código Fuente>

Con este Script podemos definir un color de fondo con efecto degradado en la página. Podemos personalizar los 2 colores y el tipo de efecto utilizado.
Cambio de Color de Fondo con Efecto Degradado
Compatible con: - Tamaño: 6 KB - <Ver código Fuente>

Con este Script podemos aplicar un cambio de color con efecto degradado en el fondo de la página. Podemos personalizar los colores y el tiempo de transición de un color a otro.