EN HEAD:
Código HTML:
<script language='JavaScript'>
function muestra_oculta(id){
if (document.getElementById){
var el = document.getElementById(id);
el.style.display = (el.style.display == 'none') ? 'block' : 'none';
}
}
window.onload = function(){
muestra_oculta('cargando');
}
</script> EN BODY:
Código HTML:
<div id='cargando' style='background:#4D5154;position: fixed;left: 43%;top: 200px;width: 235px;height: 17px;vertical-align:middle;text-align:center;margin-top: -25px;margin-left: -25px;overflow: none;border: 1px solid #212529;z-index:7777;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;-khtml-border-radius: 3px;box-shadow:0px 0px 30px gray;-webkit-box-shadow:0px 0px 30px gray;-moz-box-shadow:0px 0px 30px gray;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);'>
Cargando... espere por favor</div>
DEMO:
Código HTML:
http://inpic.blogspot.com