Morphing with Scriptaculous

Article posted by Joel Moss on 21 Nov 2006 |

A new beta version of the Scriptaculous javascript effects library has just been released, and very nice it is too. Version 1.7 features a new effect called morphing, which allows for CSS style effects. Effectively allowing you to change an element based on CSS. But the element doesn't just change. it morphs! Here's an example;

new Effect.Morph('error_message',{
    style:'border-width:3px; font-size:15pt; color:#f00'
});`

Just take a look at the morphing demo, then read all the details.

This site contains the musings of Joel Moss, and is powered by Codaset pages; a simple, yet powerful way to host your static site. Just commit and push your site to your free Git repository at Codaset, and that's it!

Related Articles...