jQuery
1 2 3
Code Link 1 Link 2 Link 3 Source Documentation:
$("#id1").slideUp("slow");
$("#id2").fadeOut(1000);
$("#id3").animate({ opacity: 0.5, height: 20 }, 1500);
MooTools
1 2 3
Code Link 1 Link 2 Link 3 Source Documentation:
$("id1").tween("height", 0);
$("id2").set("tween", { duration: 1000 }).fade("out");
$("id3").get("morph", { duration: 1500 }).start({ opacity: 0.5, height: 20 });
The Dojo Toolkit
1 2 3
Code A Link 1 Link 2 Link 3 Zusatz Source Documentation:
dojo.fx.wipeOut({ node: "id1" }).play();
dojo.fadeOut({ node: "id2", duration: 1000 }).play();
dojo.anim("id3", { opacity: 0.5, height: 20 }, 1500);
Prototype / Script.aculo.us
1 2 3
Code Link 1 Link 2 Link 3 Source Documentation:
Effect.BlindUp("id1");
$("id2").fade({ duration: 1 });
$("id3").morph("opacity: 0.5; height: 20px", { duration: 1.5 });
Ext JS
1 2 3
Code Link 1 Source Documentation:
Ext.get("id1").slideOut("t");
Ext.get("id2").fadeOut({ duration: 1 });
Ext.get("id3").shift({ opacity: 0.5, height: 20, duration: 1.5 });
Adobe Spry
1 2 3
Code A Link 1 Link 2 Link 3 Zusatz Source Documentation:
Spry.Effect.DoBlind("id1");
Spry.Effect.DoFade("id2", { from: 100, to: 0, duration: 1000 } );

FadeBlind = function(e){
this.addParallelEffect(new Spry.Effect.Opacity(e, 1, 0.5, { duration: 1500 }));
this.addParallelEffect(new Spry.Effect.Blind(e, { duration: 1500, to: "20px" }));
};
FadeBlind.prototype = new Spry.Effect.Cluster();
FadeBlind.prototype.constructor = FadeBlind;
var fx3 = new FadeBlind("id3").start();
BBC Glow
1 2 3
Code Link 1 Link 2 Link 3 Source Documentation:
glow.anim.slideUp("#id1");
glow.anim.fadeOut("#id2", 1);
glow.anim.css("#id3", 1.5, { opacity: 0.5, height: 20 }).start();
Yahoo! UI Library
1 2 3
Code Z Link 1 Zusatz Source Documentation:
Y.one("#id1").transition({ height: 0, duration: 3 });
Y.one("#id2").transition({ opacity: 0, duration: 1 });
Y.one("#id3").transition({ height: "20px", opacity: 0.5, duration: 1.5 });

 Matthias Schütz - Media Designer / Web Designer / Developer / Freelancer