Rollover Animations

Think Simple

This cute little trick is actually really easy. Here is the basic concept: When the mouse pointer passes over a button, actionScript causes the movie to play a short animation. Let's start with the animation.

Create a new movieClip using Insert, New Symbol. I named mine container:

Create a simple shape tween (motion tweens will be fine, too). The example below just "grows" an object from frame 1 to frame 7:

Return to Scene 1 and drag the container clip from the Library to the Stage. Test your work, it should run like this:

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Now return to editing the container movieClip. Add an actions layer, Insert a blank keyframe in the last frame of the animstion, and add a stop(); action: