Panasonic Youth

moo.fx - lightweight javascript effects built on Prototype

Is scriptaculous overkill for the quick web app you are writing? Then check out moo.fx, a 3kb (!) file that extends Prototype to do some very smooth, effective transitions. Moo.fx handles height, width, and opacity, and does it with some very simple code: [javascript] window.onload = function(){ var effect = new fx.Height(‘myelement’,{duration:400, onComplete: function(){ alert(‘the effect is finished’); } }); }[/javascript] The above snippet registers the height effect on ‘myelement’ onload - then you’re free to call the toggle method or a custom method on whatever events you want. Take a look at the demo page to see this stuff in action.

(Via why the luck the stiff)