index.html 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="x-ua-compatible" content="ie=edge">
  6. <title>jQuery fakeloader Plugin Demo: Home</title>
  7. <meta name="viewport" content="width=device-width, initial-scale=1">
  8. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/4.1.1/darkly/bootstrap.min.css">
  9. <link rel="stylesheet" href="../src/fakeloader.css">
  10. <style type="text/css">
  11. div.content-container {
  12. height: auto;
  13. width: 100%;
  14. border: 4px solid gray;
  15. padding: 10px;
  16. }
  17. .container { margin: 150px auto; }
  18. </style>
  19. </head>
  20. <body>
  21. <div id="fakeloader-overlay" class="visible incoming"><div class="loader-wrapper-outer"><div class="loader-wrapper-inner"><div class="loader"></div></div></div></div>
  22. <div class="container">
  23. <div>
  24. <a href="index.html">Home</a>
  25. </div>
  26. <div>
  27. <a href="about.html">About</a>
  28. </div>
  29. <div class="content-container"><h1>jQuery fakeloader Plugin Demo</h1><div class="jquery-script-ads"><script type="text/javascript"><!--
  30. google_ad_client = "ca-pub-2783044520727903";
  31. /* jQuery_demo */
  32. google_ad_slot = "2780937993";
  33. google_ad_width = 728;
  34. google_ad_height = 90;
  35. //-->
  36. </script>
  37. <script type="text/javascript"
  38. src="https://pagead2.googlesyndication.com/pagead/show_ads.js">
  39. </script></div></div>
  40. </div>
  41. <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha384-tsQFqpEReu7ZLhBV2VZlAu7zcOV+rXbYlF2cqB8txI/8aZajjp4Bqd+V6D5IgvKT" crossorigin="anonymous"></script>
  42. <script src="../dist/fakeloader.min.js"></script>
  43. <script>
  44. $(document).ready(
  45. function() {
  46. window.FakeLoader.init( { auto_hide: true } );
  47. }
  48. );
  49. </script>
  50. <script type="text/javascript">
  51. var _gaq = _gaq || [];
  52. _gaq.push(['_setAccount', 'UA-36251023-1']);
  53. _gaq.push(['_setDomainName', 'jqueryscript.net']);
  54. _gaq.push(['_trackPageview']);
  55. (function() {
  56. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  57. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  58. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  59. })();
  60. </script>
  61. </body>
  62. </html>