JOSÉ JUANAS

Facebook Gmail Linkedin
Galleta

Cookies

Utilizamos cookies propias y de terceros para mejorar nuestros servicios.

Aviso de privacidad

Manipular colores con
javascript

En esta página os quiero mostrar diferentes métodos, para manipular dinámicamente con javascript los colores, tanto el background-color, como el color de fuentes, bien de todo el documento ó de diferentes secciones.

Cambiando colores de fondo y texto con javascript


Este primer grupo de botones son <input> con su <label> asociada, que en su estado checked cumple una sencilla función de javascript, que cambia los colores de fondo y texto del documento.


Para este grupo de botones, utilizo los eventos mouseenter y mouseleave (entrar y salir del elemento), para lanzar una función, que cambia el background y el color con un setTimeout.


Para este último grupo de botones empleo el evento onclick, que los botones estan esperando addEventListener, para manipular el background-color del <body> y el color de la fuente.


Color Aleatorio

rgb(50, 35, 69)


Con el botón de arriba, al pulsarlo se desencadena una función que calcula aleatoriamente un color de la escala rgb y se lo asigna como color al texto del documento y de background a la caja que lo contiene.

Conclusiones

Bueno espero que os hayan interesado estos recursos que considero que pueden ser de utilidad en algunos casos para aportar dinámismo a las páginas web.

Aprender y manejar javascript, u otros lenguajes de programación para la web, es primordial para conseguir las páginas que deseas y que hagan lo que quieres o necesitas, ya me despido, si tienes alguna sugerencia o comentario sobre mi contenido agradecería tu contacto, gracias por la visita.

Contacto José Juanas
Datos del mensaje
 WEBMASTER • JOSE JUANAS •