# Rollover?

**URL:** <https://forum.kirupa.com/t/rollover/12373>\
**Category:** flash\
**Created:** [January 30, 2003, 2:01pm UTC](https://forum.kirupa.com/t/rollover/12373 "2003-01-30T14:01:02Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![icebox](https://avatars.discourse-cdn.com/v4/letter/i/ce73a5/32.png) [@icebox](https://forum.kirupa.com/u/icebox)\
**Post date:** [January 30, 2003, 2:01pm UTC](https://forum.kirupa.com/t/rollover/12373/1 "2003-01-30T14:01:02Z")

</div>

Help help help

I have this button with the text saying “Hyper”. The button itself is blue with the text in orange. When I roll my mouse over to the button I want the text to turn white or some other color. How do I do that?

---

<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:** [January 30, 2003, 2:22pm UTC](https://forum.kirupa.com/t/rollover/12373/2 "2003-01-30T14:22:46Z")

</div>

right?

try this:

---

<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:** [January 30, 2003, 2:29pm UTC](https://forum.kirupa.com/t/rollover/12373/3 "2003-01-30T14:29:26Z")

</div>

Yea thats what I want

How did you do that?

Please tell me

---

<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:** [January 30, 2003, 2:53pm UTC](https://forum.kirupa.com/t/rollover/12373/4 "2003-01-30T14:53:45Z")

</div>

:bad: mwaamwaaaa!!!

just joking you dude 😛

Ok, follow these steps and use the fla as reference:

\*\*#0 - \*\* create a orange text, and make it a movie clip;  
\*\*#1 - \*\* double click that movie clip to edit it;

\*\*#2 - \*\* on the frame one break the txt appart (_ctrl+b_);  
\*\*#3 - \*\* make that frame a shape tween;  
\*\*#4 - \*\* add the action - **stop();** - to the frame 1;

\*\*#5 - \*\* on the frame six insert a new keyframe and change the color of the text to white;  
\*\*#6 - \*\* add the action - **stop();** - to the frame 6;

\*\*#7 - \*\* on the frame twelve insert a new keyframe and change the color of the text back to orange;  
\*\*#8 - \*\* add the action - **gotoAndStop(1);** - to the frame 12;

\*\*#9 - \*\* return to the main timeline;

\*\*#10 - \*\* give that movie clip an instance name, such as _txt_ (open the properties panel and type _txt_ on the instance name box);  
\*\*#11 - \*\* add this code to the movieclip, now instance named _txt_:

```auto
on (rollOver) {
	_root.txt.gotoAndPlay(1);
}
on (rollOut) {
	_root.txt.gotoAndPlay(6);
}

```

there you go! =)

[EDIT] changed the instance name from **hyper** to **txt**

---

<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:** [January 30, 2003, 3:00pm UTC](https://forum.kirupa.com/t/rollover/12373/5 "2003-01-30T15:00:06Z")

</div>

:sleep:

Thanks for the joke…

Thanks for the tutorial anyways heh

---

<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:** [January 30, 2003, 4:12pm UTC](https://forum.kirupa.com/t/rollover/12373/6 "2003-01-30T16:12:44Z")

</div>

=)

---

<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:** [January 30, 2003, 4:17pm UTC](https://forum.kirupa.com/t/rollover/12373/7 "2003-01-30T16:17:52Z")

</div>

sorry dude, i made a mistake on the post with the instructions:

you´ll have to change the instance name from **hyper** to **txt**.

in the movie clip and in the code too

And let me know if you got it to work!

Cheers :whistle:

---

<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:** [February 1, 2003, 8:41am UTC](https://forum.kirupa.com/t/rollover/12373/8 "2003-02-01T08:41:14Z")

</div>

I can’t get it to work still

For some reason when I create the shape tween thing, their isn’t those arrows things but like little dot lines. It ain’t working. When I play the movie clip it just shows me a blank screen.

When you said new keyframe you mean a keyframe or blank keyframe?

---

<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:** [February 1, 2003, 10:04am UTC](https://forum.kirupa.com/t/rollover/12373/9 "2003-02-01T10:04:06Z")

</div>

When you do a shape tween, it will display the dotted line and your timeline would be green. When you do a regular tween, it will show the arrows and the timeline would be light purple.

Post your fla so we could take a look at it and see what you did wrong.