For simplicity, let's say your background image is in place and only has one person in it.
Next we need two
Movie Clips, not buttons; The first is the outline of the person, the second is for the text. Leave them opaque for now. Both of these movie clips need to have unique
Instance Names, not just movie clip names. For example,
person_1 and
text_1.
You'll refer to these movie clips using their instance names.
Now in the root timeline, first frame, you'll place your script. Go through this a little bit at a time to make sure it's working.
person_1.onRollOver = function() {
trace("rollover is true");
}
- person_1.onRollOver = function() {
- trace("rollover is true");
- }
Now, when you test your movie and rollover the
person_1 movie clip, the
Output window will pop open and say "rollover is true".
If you get this far, you should be able to see, logically, how this works. Where previously we evoked the "trace()" function, we will now be acting on our second movie clip.
So...
person_1.onRollOver = function() {
text_1.doSomethingCool();
}
- person_1.onRollOver = function() {
- text_1.doSomethingCool();
- }
Eventually, the "something cool" is going to tell
text_1 to move to the mouse's x, y position and become fully opaque at the same time. Flash has a very good language reference built into it's help files.

Assuming you get that far, you'll want to add the counterpart event handler of
onRollOver which is
onRollOut. In that function, you'll return
text_1 to a transparent state.
person_1.onRollOver = function() {
text_1.doSomethingCool();
}
person_1.onRollOut = function() {
text_1.doSomethingCoolAgain();
}
- person_1.onRollOver = function() {
- text_1.doSomethingCool();
- }
- person_1.onRollOut = function() {
- text_1.doSomethingCoolAgain();
- }
Gool luck.