Viele Monate sind seit dem letzten stable-Release vom Cross Browser JavaScript Framework Prototype vergangen. Doch jetzt ist es endlich soweit: Prototype 1.5 präsentiert sich auf einer neuen Website mit eigener API Dokumentation, Blog und einem Lern-Bereich für Einsteiger.

In diesem Zusammenhang möchte ich auf die Seite script.aculo.us hinweisen, die aufbauend auf Prototype einmalige Effekte als Library zur Verfügung stellt. Zwar ist diese Library nicht immer 100% bugfrei, aber mit ein bisschen Spielerei lassen sich die Effekte meist doch gut einsetzen.

Update: Wenn man vom Teufel spricht: Gerade hab’ ich gesehen, dass die script.aculo.us Library soeben in der Version 1.7 final herausgekommen ist. Neu dabei: JavaScript Morph- und Transformeffekte!

Hier zwei Demos zum neuen Morph-Befehl:

Dieser Text wird gemorpht! (Sofern hier jemand drauf klickt, wer es größer will, muss hier drauf klicken.)

Code dazu:

<p><span id="morphdemo1" style="font-size:1em">Dieser Text wird gemorpht!</span> (<a href="#" onclick="$('morphdemo1').morph('background:#FF5400; color:#FFF; font-size:1em')">Sofern hier jemand drauf klickt,</a> wer es größer will, <a href="#" onclick="$('morphdemo1').morph('background:#F00; color:#FFF; font-size:2em')">muss hier drauf klicken</a>.)</p>

RSS 2.0 Feed für die Antworten auf diesen Post
Du kannst eine Antwort hinterlassen, oder per Trackback von deiner eigenen Seite deine Meinung kundtun.