|
Loading Wait... |
Preloading | Description
If you want to use any of this examples, please put a link to our site.Here you can find HTML-code for such link.
<html> <head>
<title>www.redmount.com - DHTML - Preloading</title>
<script language=javascript>
<!--
//global variables
function init()
{
layerRef="document.all";
styleSwitch=".style";
}
//-->
</script>
<style type="text/css">
#loading {position: absolute; z-index: 10; top: 120; left: 30;}
#done {position: absolute; visibility: hidden; z-index: 20; top: 120; left: 30;}
#text {position: absolute; z-index: 10; visibility: visible; left: 15px; top: 15px;}
</style>
</head>
<body onLoad="init();hideLayer('loading');showLayer('done');" bgcolor=white>
<script language=javascript>
<!--
function showLayer(layerName)
{
eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="visible"');
}
function hideLayer(layerName)
{
eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"');
}
//-->
</script>
<div id="loading">
<table width="130" border=0>
<tr>
<td width="130" align=center height=170>
<font size="+2"><b><i>Loading</i></font> <font face="Arial" size="3"><br><br>
<font size="3">Wait...</font></font></b>
</td>
</tr>
</table>
</div>
<div id="done">
<img src="http://www.redmount.com/beta/05/mask.gif" border=0 width=128 height=167>
</div>
<div id="text">Text</div>
</body>
</html>