Loading demo 8 effects before the fakeLoader page loads

Plug-in fakeLoader to improve user experience Online preview of 8 effects of loading demo before page loading

 

download link

sample code

<div id="main">
		<div class="demo">
			<a href="/api/jq/5733e326a88fd/index.html" class="cur">Spinner1
			</a>
			<a href="/api/jq/5733e326a88fd/demo2.html">Spinner2
			</a>
			<a href="/api/jq/5733e326a88fd/demo3.html">Spinner3
			</a>
			<a href="/api/jq/5733e326a88fd/demo4.html">Spinner4
			</a>
			<a href="/api/jq/5733e326a88fd/demo5.html">Spinner5
			</a>
			<a href="/api/jq/5733e326a88fd/demo6.html">Spinner6
			</a>
			<a href="/api/jq/5733e326a88fd/demo7.html">Spinner7
			</a>
			<a href="/api/jq/5733e326a88fd/demo8.html">Custom Image
			</a>
			<div class="result">DEMO1 page content loaded.
			</div>
		</div>
	</div>
	<script type="text/javascript" src="http://libs.useso.com/js/jquery/1.7.2/jquery.min.js">
	</script>
	<script src="/api/jq/5733e326a88fd/fakeLoader.min.js">
	</script>
	<script type="text/javascript">
		$(document).ready(function() {
			$(".fakeloader").fakeLoader({
				timeToHide: 1200,
				bgColor: "#2ecc71",
				spinner: "spinner1"
			}
									   );
		}
						 );
	</script>