<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Loading page example</title>
<!--Loading display while images load-->
<style>
.web_loading_class { position: absolute; z-index: 1; visibility: visible;
width:220px;
height:36px;
left:50%;
top:50%;
margin:-18px 0px 0px -110px;
}
.web_page_class { visibility: hidden }
</style>
<script>
function downLoad(){
if (document.all){
document.all["web_loading"].style.visibility="hidden";
document.all["web_page"].style.visibility="visible";
} else if (document.getElementById){
node = document.getElementById("web_loading").style.visibility='hidden';
node = document.getElementById("web_page").style.visibility='visible';
}
}
</script>
<!--END Loading display while images load-->
</head>
<body onLoad="downLoad()">
<!--Loading display while images load-->
<div id="web_loading" class="web_loading_class"><img src="<?php echo Yii::app()->request->baseUrl; ?>/images/loader.gif"></div>
<div id="web_page" class="web_page_class">
<!--Here big size page to load-->
</div>
</body>
</html>
This entry was posted on July 6, 2012, 2:37 am and is filed under css, html, jquery. You can follow any responses to this entry through RSS 2.0.
You can leave a response, or trackback from your own site.
design, web & css 