Poner y quitar un color de fondo con jquery

<<>>

Titulo:	Poner 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.
Votar [2.00 / 1 votos] - Visitas 1.264

Comentarios: 0

<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>

Foro de JQuery

Código que muestra como enviar un valor de un input a una pagina en php mediante jquery

Añadir un botón con enlace en nuestra página con jquery