weave the world using Ajax
moo.fx is a superlightweight, ultratiny, megasmall javascript effects library, written with prototype.js
It's easy to use, fast, cross-browser, standards compliant, provides controls to modify Height, Width, and Opacity with builtin checks that won't let a user break the effect with multiple crazy clicks. It's also optimized to make you write the lesser code possible.
moo.fx has been successfully tested with: Firefox, Safari and Internet Explorer. It should work in most of the gecko browsers too. Only Height and Width will work in Opera, since that browser does not support opacity.
How to use:
Initialize the objects in window.onload, using new fx.Height, new fx.Width or new fx.Opacity. Pass as parameter the element(a dom object or a string containing the ID of the element), and optionally duration (in ms) and onComplete (a function).
Please note that the item you want to toggle vertically cannot have top/bottom paddings or borders, and the item you want to toggle Horizontally cannot have left/right padding or borders.
window.onload = function(){
var effect = new fx.Height('myelement',{duration:400,
onComplete: function(){
alert('the effect is finished');
}
});
}
Step by Step tutorial:
Read how to create your own custom effect for moo.fx more »
Examples:
» scrolling background image extended example
» Get a comprehensive list of all the effects.
Licence:
This software is licensed under the terms of the MIT License
Download:
» download moo.fx here
For more information on moo.fx go here ..