Posted By

luhonghai on 01/14/15

Tagged

Versions (?)

Last Edited at 01/14/15 02:06pm

Statistics

Viewed 797 times

Favorited by 0 user(s)

Related snippets

Page Loading Effects With jQuery

/ Published in: jQuery

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

Highlighted TextExpand

<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>

URL: http://simply-tutorial.com/blog/2008/11/29/page-loading-effects-with-jquery/

Report this snippet Tweet