css jquery small code1

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.js"></script>
<style type="text/css">
  #loaderOverlay{display:none}
  #loaderOverlay span{white-space:nowrap}
  .grayOverlayBody{ position:absolute; width: 100%;height:100%; top:0; left:0; bottom:0; right:0; background: gray; opacity: 0.4; filter: alpha(opacity=40);}
  .grayOverlayBodyLoader { white-space:nowrap; position:absolute; left:48%; top: 300px; width:auto; height:14px; margin:-20px 0 0 -50px; opacity:1.0; filter: alpha(opacity=100);padding:30px 15px 30px 50px; border:2px solid #eee; font-size:1.2em; font-weight:bold; color:#333; background:#fff url(images/loader-standard.gif) no-repeat 10px 25px; z-index:65535}
</style>

<div id="divsite">
<ul class=uisite>
  <li><a href="#" url="a.html">NETEASE</a></li>
  <li><a href="#" url="b.html">SINA</a></li>
  <li><a href="#">D</a></li>
</ul>
</div>

<div id=loaderOverlay>
  <div class=grayOverlayBodyLoader>
    Loading <span></span>...
  </div>
  <div class=grayOverlayBody>
  </div>
</div>
<script type="text/javascript">
(function(){
  var overlay = $('#loaderOverlay');
  $('#divsite .uisite a[url]').click(function(){
    overlay.height(document.body.clientHeight);
    var li = $(this);
    var name = li.text();
    var url = li.attr('url');
    overlay.show('slow').find('span').text(name);
    window.setTimeout(function(){
      window.open(url, '_blank');
      overlay.hide();
    },3000);
  });
 })();
</script>