Utilizamos cookies propias y de terceros para mejorar la experiencia de navegación, y ofrecer contenidos y publicidad de interés.
Al continuar con la navegación entendemos que se acepta nuestra política de cookies.
Iniciar sesión Cerrar
Correo:
Contraseña:
Entrar
Recordar sesión en este navegador
Crear cuenta

Poner y quitar un color de fondo con jquery

Titulo:localPoner y quitar un color de fondo con jquery
Autor:xavi (prog1000@hotmail.com)
Lenguaje:JQuery
Código que muestra como poner y quitar el color de fondo de una pagina con jquery.
Comentarios: 0 Comentar Recomendar

<html> <head> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"> /** Variable que contiene la informacion de un boton el cual tiene su id, estilos, y su evento click que te redirige a La Web del Programador */ var varBackground = $("<div>", { id: "background", css: {"position": "fixed", "background-color": "0808080", "opacity": "0.7", "width": "100%", "height": "100%", "top": "0", "left": "0", "z-index": "-1", "display":"none" } }); $(document).ready(function(){ $("body").append(varBackground); $(document).click(function(){ if($("#background").css("display")=="none") $("#background").fadeIn(); else $("#background").fadeOut(); }); }); </script> </head> <body> <h1>Pulsa en la pantalla para mostrar o eliminar el color del fondo</h1> </body> </html>