Advertisement
sted

Fake Preloader

Aug 1st, 2016
40
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.63 KB | None | 0 0
  1. In css:
  2. #preloader {
  3. left: 0;
  4. right: 0;
  5. bottom: 0;
  6. background-color: #fff;
  7. z-index: 9999;
  8. }
  9. #preloader {
  10. position: fixed;
  11. top: 0;
  12. }
  13.  
  14. #status {
  15. width: 200px;
  16. height: 200px;
  17. position: absolute;
  18. left: 50%;
  19. top: 50%;
  20. background-image: url("YOUR PREALODER.gif");
  21. background-repeat: no-repeat;
  22. background-position: center;
  23. margin: -100px 0 0 -100px;
  24. }
  25.  
  26. In html:
  27.  
  28. <div id="preloader">
  29. <div id="status">&nbsp;</div>
  30. </div>
  31.  
  32.  
  33. In js:
  34.  
  35. jQuery(window).load(function() {
  36. jQuery('#status').fadeOut();
  37. jQuery('#preloader').delay(350).fadeOut('slow');
  38. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement