Thursday, October 27th, 2005

Moo.fx: More effects. Built on Prototype

Category: Prototype, Toolkit

moo.fx is a superlightweight, ultratiny, megasmall javascript effects library, written with prototype.js by Valerio Proietti.

This beast weighs in at a massive 3kb :)

Prototype seems to be one of those libraries that people just want to build on. And this one gives you effects such as:

  • Toggle Opactiy
  • Toggle Height
  • Toggle Width
  • FadeSize Width, Height, Both
  • Toggle Resize
  • Custom Resize
  • Text Transition

To make this happen…

 window.onload = function(){
 var effect = new fx.Height('myelement',{duration:400,
  onComplete: function(){
   alert('the effect is finished');



( via Rob Sanheim )

Posted by Dion Almaer at 2:01 am

3.1 rating from 14 votes


Comments feed

Unfortunately the effects changing the opacity don’t work with Opera…

Comment by Olivier Armand — October 27, 2005

The effects are neat – but don’t seem to be any better or different (without diving into code implementation) than scriptaculous. Is the reason why you guys post this on an AJAX related site because of it’s usage of Prototype?
I guess I’m just much more excited about AJAX possibilities and less about Javascript/GUI related cleverness.

Comment by John K — October 27, 2005

The test links aren’t working at the moment. :(

Comment by Daryl L — January 3, 2007

Leave a comment

You must be logged in to post a comment.