页面加载时遮罩效果

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title>页面加载时遮罩效果</title>
       <script type="text/javascript" src="js/jquery-1.4.1.min.js"></script>
       <style type="text/css">
           /*opacity是设置遮罩透明度的，可以自己调节*/
           #loading{position:fixed;top:0;left:0;width:100%;height:100%;background:#f8f8f8;opacity:0.6;z-index:15000;}
           #loading img{position:absolute;top:50%;left:50%;width:33px;height:33px;margin-top:-15px;margin-left:-15px;}
           #loading p{position:absolute;top:55%;left:48%;width:33px;height:33px;margin-top:-15px;margin-left:-15px;}
       </style>
   </head>
   <body>
       
       <div >