jQuery plugin to display page loading effects based on svg and js.
<head>
...
<link rel="stylesheet" type="text/css" href="css/loadingEffects.css" />
<script src="js/snap.svg-min.js"></script>
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/jquery.loadingEffects.js"></script>
</head>or
<head>
...
<link rel="stylesheet" type="text/css" href="css/loadingEffects.css" />
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/jquery.loadingEffects.bundle.min.js"></script>
</head>- Markup
<div id="loader" class="pageload">
<div class="pageload-content"> Place your content here.</div>
</div>- js
var loadingEffect = $('#loader').loadingEffect('circle').data('loadingEffect');
loadingEffect.start();
loadingEffect.end();- Vertical center your pageload-content
<div id="loader" class="pageload">
<div class="pageload-content verical-centered"> Place your content here.</div>
</div>- Add nice animation
<div id="loader" class="pageload pageload-dots">
<div class="pageload-content"></div>
</div>
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent