Poner y quitar un color de fondo con jquery![gráfica de visualizaciones gráfica de visualizaciones](/img/img.png?11.51)
JQuery
Publicado el 21 de Junio del 2012 por Xavi (548 códigos)
11.278 visualizaciones desde el 21 de Junio del 2012
Código que muestra como poner y quitar el color de fondo de una pagina con jquery.
<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>
Comentarios sobre la versión: Versión 1 (1)