<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>
Crear cuenta
Comentarios sobre la versión: Versión 1 (1)