Animation up on mouseover, down on mouseout from current location

Question

I'm trying to duplicate the way the URL links slide up from
the bottom at
http://www.adobe.com/designcenter/
but being a Flash newbie, I'm getting lost. I tried using a button
symbol to get the "over" event but that doesn't do a motion tween
type slide but instead just pops up. Just high-level guidance
should get me going (famous last words). Is that a graphic and then
Action Script moving to the next frame when the mouse over event
occurs or am I over complicating it?
I've found examples to start animation on mouseover and then
stop it on mouseout but I'm missing how to get it to go "up" on
mouseover and then go "down" from it's current location on
mouseout.
Thanks for any help.
John

Answer 1

Each leaf should be a MovieClip symbol, with the animation inside of the symbol.  The last frame of the animation needs a stop() action on it.  That will keep the leaf at the bottom.  Then its a matter of starting that animation on roll over.
With AS3, that would look like:
leaf.addEventListener(MouseEvent.ROLL_OVER,doStartAnim);
function doStartAnim(e:MouseEvent):void {
     e.currentTarget.play();
You would add that eventListener to all leaves.  You can loop through them if you use a standard naming structure (like leaf_1,leaf_2,leaf_3,etc...)  If you do that then you can do this:
for(var i:uint=1,i<=totalNumberOfLeaves,i++){
     this["leaf_"+i].addEventListener(MouseEvent.ROLL_OVER,doStartAnim);