<!-- -------------- pre loader----------------------->
<style type="text/css">
#preloader {position:absolute;top:0;left:0;right:0;bottom:0;background:#FFF;z-index:99999; height:140%;}
#status {width:30%;height:50%;position:absolute;left:55%; top:45%;background-repeat:no-repeat; background-position:center;margin:-100px 0 0 -100px; }
#status object{ width:108.4%; height:100%;}
</style>
<script type="text/javascript">
$(window).load(function() {
$("#status").delay(500).fadeOut("slow");
$("#preloader").delay(500).fadeOut("slow");
})
</script>
<!-- end perloader--------------->
</head>
<body >
<div id="preloader">
<div id="status">
<img src="css/loader.gif" />
</div>
</div>
</body>
No comments:
Post a Comment