Advanced Search

Return to Snippet

Revision: 68375
at January 14, 2015 14:06 by luhonghai
Initial Code 
<html>
<head>
   <title>JQuery Page Loading Effect</title>
   <script type="text/javascript" src="jquery.js"></script>
   <script type="text/javascript">
     $(document).ready(function(){
       $('#page_effect').fadeIn(2000);
     });
   </script>
</head>
<body>
<div id="page_effect" style="display:none;">
 <h1>JQuery Page Loading Effect</h1>
 
    This is page loading effect with JQuery 1<BR>
    This is page loading effect with JQuery 2<BR>
    This is page loading effect with JQuery 3<BR>
    This is page loading effect with JQuery 4<BR>
    This is page loading effect with JQuery 5<BR>
    This is page loading effect with JQuery 6<BR>
    This is page loading effect with JQuery 7<BR>
    This is page loading effect with JQuery 8<BR>
    This is page loading effect with JQuery 9<BR>
    This is page loading effect with JQuery 10<BR>
    This is page loading effect with JQuery 11<BR>
    This is page loading effect with JQuery 12<BR>
    This is page loading effect with JQuery 13<BR>
    This is page loading effect with JQuery 14<BR>
  </div>
</body>
</html>
Initial URL 
http://simply-tutorial.com/blog/2008/11/29/page-loading-effects-with-jquery/
Initial Description 
JQuery is really a powerful and handy JavaScript library. The page or content loading effect is very easy to implement in jQuery. Here’s a example to make your web page content display a fade in page loading effect
Initial Title 
Page Loading Effects With jQuery
Initial Tags 
javascript, jquery
Initial Language 
jQuery