mir.aculo.us

モーフィングアニメーション機能が追加された script.aculo.us 1.7 beta リリース。
モーフィングアニメーションとは、次の画像があったとすると。



次の画像のように徐々に変わっていくアニメーションです。



サンプルは次のような感じで、他の Effect 同様、実装は非常に簡単です。

new Effect.Morph('error_message',{
 style:'background:#f00;color:#fff;border: 20px solid #f88; font-size:2em', duration:0.8
});

// same thing with Element morph is
$('error_message').morph('background:#f00; color:#fff;border: 20px solid #f88; font-size:2em',{duration:0.8});

これはカッコいいですね。一足先に使って訪問者をビックリさせちゃいましょう:-)