# Rollover Animation

**URL:** <https://forum.kirupa.com/t/rollover-animation/5700>\
**Category:** flash\
**Created:** [September 19, 2002, 7:12pm UTC](https://forum.kirupa.com/t/rollover-animation/5700 "2002-09-19T19:12:26Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![D\_Rock](https://avatars.discourse-cdn.com/v4/letter/d/ed655f/32.png) [@D\_Rock](https://forum.kirupa.com/u/D_Rock)\
**Post date:** [September 19, 2002, 7:12pm UTC](https://forum.kirupa.com/t/rollover-animation/5700/1 "2002-09-19T19:12:26Z")

</div>

How do you get a button rollover sequence in Flash MX where the following occurs:

1. Let’s say you have a light blue rectangle with some text on it sitting on a white background.

2. As a mouse scrolls over the button, the rectangle first changes to a darker blue, and THEN changes to white (on a white background, thus making the rectangle “disappear” on the screen) leaving just the text visible.

The whole rollover sequence lasts about 1 second. I understand the up state of the button, but can’t figure out how to make 2 things happen in the over state.

For reference please visit [www.allmediastudios.com](http://www.allmediastudios.com)

Click on Launch current site. Then click the Enter “without intro” link.

That will open up a new window, and then you can see exactly what I’m trying to duplicate at the bottom of the screen. You will see three “button” links:

Newsletter-Contact  
Replay Intro  
AMS Message Forum

Thanks in advance for any insight!

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 19, 2002, 7:15pm UTC](https://forum.kirupa.com/t/rollover-animation/5700/2 "2002-09-19T19:15:43Z")

</div>

That’s very easy to do - I’ll post the code or a fla in sec - I’m in the middle of something - unless the mods or someone does it first…

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 19, 2002, 8:07pm UTC](https://forum.kirupa.com/t/rollover-animation/5700/3 "2002-09-19T20:07:01Z")

</div>

Cool, flex!

I appreciate your help.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 20, 2002, 8:53am UTC](https://forum.kirupa.com/t/rollover-animation/5700/4 "2002-09-20T08:53:55Z")

</div>

If I understand the problem correctly, what you have to do is create a movie clip to do your box tween and fade, then place that in the Over state of the button.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 20, 2002, 4:15pm UTC](https://forum.kirupa.com/t/rollover-animation/5700/5 "2002-09-20T16:15:14Z")

</div>

Could someone post the .fla file so that I could look at it? I’m a “visual” guy. It’s easier for me to actually see something and learn from it, rather than just take direction.

That would be great! If not, I’ll eventually figure it out.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 20, 2002, 4:19pm UTC](https://forum.kirupa.com/t/rollover-animation/5700/6 "2002-09-20T16:19:22Z")

</div>

I totally forgot mate, I was too busy doing other stuff, I’ll try and have a go at it today.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 20, 2002, 4:29pm UTC](https://forum.kirupa.com/t/rollover-animation/5700/7 "2002-09-20T16:29:49Z")

</div>

That’s cool, flex.

“Whenever” is fine with me. And I do appreciate all of your help.

Sure makes it a helluva lot easier than pouring through Flash MX reference books. The book is nice, but it’s just too general in nature! As I said, I’m more of an “example” type. If I can see it, I can learn it.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 20, 2002, 5:03pm UTC](https://forum.kirupa.com/t/rollover-animation/5700/8 "2002-09-20T17:03:20Z")

</div>

Something along the lines of this

Just a quick job…

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 20, 2002, 5:35pm UTC](https://forum.kirupa.com/t/rollover-animation/5700/9 "2002-09-20T17:35:13Z")

</div>

Cool!

Thanks, flex! That’s just what I needed to “break down.”

Thanks again for your help. It is greatly appreciated!

Have a great weekend.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 20, 2002, 5:37pm UTC](https://forum.kirupa.com/t/rollover-animation/5700/10 "2002-09-20T17:37:45Z")

</div>

You’re welcome. Have a good one too… ![](http://flex.funkyolive.com/im/cool.gif)

EDIT: I forgot the dude gif…
