Skip to content

Instantly share code, notes, and snippets.

@stanwu
Created July 17, 2012 09:50
Show Gist options
  • Save stanwu/3128440 to your computer and use it in GitHub Desktop.
Save stanwu/3128440 to your computer and use it in GitHub Desktop.
loading page wait please
<head>
<style type='text/css'>
#loading {
background: #ffffff;
position:absolute; width:100%; height:100%;
top:0; bottom:0; left:0; right:0; margin:auto;
filter:alpha(opacity=20);
-moz-opacity: 0.8;
opacity: 0.8;
z-index: 999999999;
}
</style>
</head>
<body>
<div id='loading'>
<div id='loading-msg'>
<img src='/loading-page.gif' lt='loading'>
<span>Loading...</span>
</div>
</div>
:
:
:
html here
<a href="javascript:go2url('http://www.google.com');">Google</a>
:
:
:
<script>
function go2url(myURL)
{
var Layer_choice;
Layer_choice = eval("document.getElementById('loading')");
Layer_choice.style.display='block';
document.location.href=(myURL);
}
window.onload=function() {
var Layer_choice;
Layer_choice = eval("document.getElementById('loading')");
Layer_choice.style.display='none';
}
</script>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment