loading a page effect

Date Added: 14/01/2015

 <style type="text/css" id="page-css"> #loading { z-index:1000; position:absolute; width:100%; height:100%; overflow:hidden; background-color:#fff;} #loading .middle { position:absolute; width:100%; margin-top: -24px; top: 50%; height:52px; text-align:center;} #loadingBg { position:absolute; width:100%; height:100%; overflow:hidden; background-color:#fff; display:none;} #loadingBg .middle { position:absolute; width:100%; margin-top: -24px; top: 50%; height:52px; text-align:center;} </style> <script type="text/javascript" id="sourcecode"> window.onload = function() { $("#loading").delay(100).fadeOut(1000); } </script> <body> <div id="loading"> <div class="middle"> <div class="inner"> <img src="{RootDir}{TempDir}assets/css/img/yukleniyor.gif" alt="" /> </div> </div> </div>

Last Update: Posted by: müslüm ÇEN