PLEASE NOTE: This project is still in early stage. A huge amount of development is still required. The structure will change making some animations obsolete.
This is a JavaScript library using jQuery to add background animations to HTML elements.
The purpose is to make the design dynamic more than bringing actual functionalities to the website.
Get the development version.
active-background-animator.js is easy to use and highly configurable. Here is a simple example:
$('header').activeBackgroundAnimator("ActiveGraph");
It is possible to stack animations together to make more complex animations by simply passing an array of animation:
$('header').activeBackgroundAnimator(["ActiveGraph","ActiveGraph"]);
To specify the options of an animation pass objects containing the name and the options instead of a string:
$('header').activeBackgroundAnimator({name:"ActiveGraph",options:{someOptions:true}});
Combining all the definition above will allow you to create what you need easily in many different ways:
$("header").activeBackgroundAnimator(["ActiveGraph",{name:"ActiveGraph",options:{nodeColor:"#ff0000"}}]);
Copyright 2015, Thomas Dubosc
This content is released under the MIT license