a jQuery plugin for generate animated Intro Loading Pages.
This plugin help jquery beginners to add some cool animated intro page on a website.
This plugin is very easy to install and use.
Home | Documentation | Demo
###Why use it?
- It's cool!
- It's responsive!
- It's useful!
- It's light!
- It's simple to use!
- You don't need to know jQuery to obtain cool animations!
- It's perfect for jQuery beginners!
##Last Animation Updates
- New "cssLoader" Animation added from version 1.7.0
- New "gifLoader" Animation added from version 1.6.0
- New "counterLoader" Animation added from version 1.5.0
- From version 1.4.5 on "lettersLoader" animation you can use all exit effects (same allowed by "simpleLoader" animation).
From version 1.5.0 you can install and add jqueryIntroLoader using Bower
$ bower install introloader --save
###Use
HTML
<head>
<!-- CSS -->
<link href="path/to/css/introLoader.min.css" rel="stylesheet">
<!-- PLUGIN (with helper plugins included) -->
<script src="path/to/plugin/jquery.introLoader.pack.min.js"></script>
</head>
<body>
<div id="element" class="introLoading"></div>
</body>JAVASCRIPT
$(document).ready(function() {
$('#element').introLoader();
});Read documentation to learn more about plugin options and use.
###Warning!
From version 1.4.0 some option names are changed.
On official documentation page you can find a table with all changes.
###Documentation
You can find an exaustive documentation on plugin home page
http://factory.brainleaf.eu/jqueryIntroLoader/documentation.php
###{less} Stylesheet
From version 1.3.2 introLoaderLess.less file was added to the project.
This file allow you to modify easly and quickly the animations' styles and colors.
Even though the css plugin is simple, use Less for the compilation of the CSS makes work easier.
###Available Animations and Styles
At now we provide 6 kind of animations and 7 color styles
Animations: simpleLoader - cssLoader - gifLoader - doubleLoader - lettersLoader - counterLoader
Styles: light (default style) - dark - ocean - forest - fluoGreen - fluoMagenta - fluoYellow
Warning: lettersLoader is an experimental animation. I'm working to refine it.
###Sofware incuded
This plugin use some tird party software to do something during animations.
SpinJs and jQueryEasing
###Last Updates
version 1.7.1
------------------
- css bug fixed on cssLoader animation
version 1.7.0
------------------
- cssLoader animation added
version 1.6.2
------------------
- Some little changes on demo files
version 1.6.1
------------------
- Helper plugin "SpinJs" updated to version 2.1.0
version 1.6.0
------------------
- New "gifLoader" Animation added
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent