Oh boy ... a Flash Question. /sarcasm
Flash has a Rollover Feature that can be used to make objects (The Summary in this case) appear on the stage. Since the Blue Box for the summary doesn't always appear in the same place pixel by pixel I'll assume that's how they did it.
To do that yourself first make a new Flash File (Actionscript 2.0) and adjust the size of your stage to whatever you want it to be using the panel at the bottom of the screen. Use the
Text Tool to write out the Titles for your Links on the stage.
When you're finished select the First Link with your Mouse Pointer tool and Right Click on it. Go to
Convert to Symbol and select
Button as the type of Symbol. You can name the Symbol whatever you want for reference purposes.
Now normally you'll be taken into
Edit Mode which is where everything around the New Symbol except for the Symbol itself looks faded. If you weren't taken there automatically just Double Click on the Symbol to edit it.
Somewhere in there you'll see
Over, Down, Up, Hit. Click on
Over and you will be able to edit what you see in the Flash Movie when the Mouse if
Over that particular button.
Now
Right Click on
Over and select
Add New Keyframe. You only need to do this for Over but it wouldn't hurt to add a New Keyframe to the three other Options for good measure.
You'll probably have to Zoom Out a bit. While
Over is still selected grab your
Rectangle Tool and make the Rectangle Box. Color it and put whatever Text and Pictures you want in that box where you want the box to appear.
When you're finished making your Box with everything in it you can leave Edit Mode. You can do that by Double Clicking anywhere on the stage
except where the Button Text or contents of the Box you just made are.
Now go to
Control and
Test Movie. If the option isn't Control on your Version of Flash just keep looking in the options at the top until you find
Test Movie.
This should bring up a New Window. When you hover over the button you made the Box with the Text you made should appear. When your mouse leaves it should also vanish. That means you did it correctly.
Okay. Now you have to make the Link.
On the Main Timeline (where you began) click on the Button (no Double Click) at the bottom you should see something like
Properties and a Drop Down that says
Button and whatnot. Below the Drop Down is a place that says
Insert Name. Name your button whatever you want, but remember the name.
After you're finished head to the top of the screen and you'll see something that looks like a piece of paper:
New Layer. Click on that and name the layer
Actions.
Now you should see a bunch of small white squares to the right of that in two rows: one row for your Original Layer and another for your Action Layer.
Right Click on the First Square in the Action Layer and go to
Actions which should be the last option on that popup.
In the box that pops up write this code:
Code:
BUTTONNAME.onRelease=function [] {
getURL("THEURLYOUWANTTOLINKTOHERE", target=_blank)
}
Only change BUTTONNAME and THEURLYOUWANTTOLINKTOHERE.
Check it for errors (Click the Little Check) and then close that window if it's Error Free.
Go back to
Test Movie and click on the button. This time your chosen URL should show up in a New Window.
Now you have to do that process ... x20-30.
Some Things to Remember:
1. The Code is ActionScript 2.0. Make sure you choose that when you begin or it won't work.
2. All of your Symbols and Buttons need to be named differently for it to work.
3. You can change other things on MouseOver too like the Color and Style of the text. Anything you want, really.
4. There's also some RoundAbout way to do this in CSS and Javascript with " Show / Hide " but this is arguably easier.