页面载入时的Loading..效果(Display a "Loading.." message when page is loading)

 

代码是我很早之前收集的,忘记了原来的出处和自己修改了多少,如果有侵权,请联系我。

 

<html>    
     
<head>    
     
<title></title>    
     
<script type="text/javascript">    
         
var url = 'http://www.google.co.uk/search?hl=en&q=asp.net&meta='//the Next page you want to display 
     </script>    
     
<style>    
         .loading-indicator 
{    
             font-size
:8pt;    
             background-image
:url(../images/loading/loading.gif);    
             background-repeat
: no-repeat;      
             background-position
:top left;    
             padding-left
:20px;    
             height
:18px;    
             text-align
:left;    
         
}    
         #loading
{    
             position
:absolute;    
             left
:45%;    
             top
:40%;    
             border
:3px solid #B2D0F7;    
             background
:white url(../images/loading/block-bg.gif) repeat-x;    
             padding
:10px;    
             font
:bold 14px verdana,tahoma,helvetica;    
             color
:#003366;    
             width
:180px;    
             text-align
:center;    
         
}    
     
</style>    
     
<div id="loading">    
         
<div class="loading-indicator">    
             Page Loading    
         
</div>    
     
</div>    
     
</head>    
     
<body onload="location.href = url;" style="overflow:hidden;overflow-y:hidden">    
     
</body>    
     
<script>    
        
if(document.layers) {    
             document.write(
'<Layer src="' + url + '" visibility="hide"></Layer>');    
         }    
        
else if(document.all || document.getElementById) {    
             document.write(
'<iframe src="' + url + '" style="visibility:hidden;"></iframe>');    
         }    
        
else {    
             location.href 
= url;    
         }    
     
</script>    
</html>
posted @ 2008-08-22 11:26  LanceZhang  阅读(980)  评论(0编辑  收藏  举报