First time here? First time here? Newsletter Signup Newsletter
Search tutorials
Author: blonde | Website: http://www.freewebs.com/blondeshaven/
Drag button out onto the stage. Convert button to movie. Click 2 times on button to go in the movie clip stage. Insert key frame on frame 20. Alt shift drag button to create button. Align panel press space vertically evenly button. lock the buttons layer.

TIP:(always good practice to lock layers you are not Currently working on)

Insert new layer name it text. In frame 1 (closed state)label button menu. Insert key frame in text layer on frame 20 (which will be the open State).

TIP:(alt shift to drag text down to other buttons).

Hold shift down and click the text on the buttons. In the properties pannel click the align center button. Change text to what ever you want. Add new layer for action script, name it A click on the first frame of the action script layer, go in the actions window & put--> stop(); Add new layer under the actions layer for labels name it labels.

TIP:(labels like actions are added to key frames)

TIP:(Use labels to mark the two different states of the popup menu,closed & open)

click on the first frame of the labels layer.

TIP:(in the properties window there is a field to enter a frame label)

Clicked inside frame label field in the properties window & type closed press enter Click on frame 20 inside the labels layer Clicked inside frame label field in the properties window & type open press enter. Now you have the closed & open states of the popup menu marked. Click frame 30 & drag down to select all the frames & insert a frame. (This is only so that you can see the open state label to make thinks a bit organized) Now you can see the open state on the time line. Now with action scripting you will be able to tell the playhead to jumped to the open & closed state of the time line. Lock all layers except the buttons layer. Move playback back to frame 1. click once on the menu button to select it,open up the actions window & add this action script. on (rollOver) {gotoAndStop("open"); } Test the movie. This makes the playhead jump to the open state when your mouse rolls over it but it won't close yet, we have to do a little more. So now we need to create a invisable button that surrounds the outside of the popup menu.When the mouse moves over it, it will make the popup menu close. This invisable button we will create it in it's own layer. Insert a new layer over the text layer call it closer btn. The closer button will only be in the open state. Click the open state frame in the closer btn layer on frame 20 & insert a key frame. To make this invisable button select the rectangal tool,turn off the stroke color. Select a color & draw a square on the stage. Convert the square to a butten & call it invisable square. Double click the invisable button to open up it's time line. click & drag the key frame in the up state to the hit state. Go back to the popup menu movie state & you'll see that it is transparent. Drag the invisable button to the outside of the open state of the popup menu & use the free transform tool to resize it. Click once on the invisable button & open up the actions window & add this action. on (rollOver) { gotoAndStop("closed"); } Alt shift click button & drag to left side & repeat for other sides & rotate them. Go ahead & test your movie, now it will open & close. Where we created this in a movie clip this gives you lots of options. You can change the size, rotate it, move it to where ever you want on the stage & every thing in the movie clip will change with it. You just created your first pop up menu!! blonde
» Level Basic

Added: 2005-01-02
Rating: 4.88 Votes: 33
(10 being the highest)
» Author
Flash animation,web design,graphics.
» Download
Download the files used in this tutorial.
» Forums
More help? Search our boards for quick answers!


  • There are no comments yet. Be the first to comment!

  • You must have javascript enabled in order to post comments.

Leave a Comment
  • Your email address will not be published. All fields are required.
Featured Flash FLA
» Author: Inocreato
» Title: RaiseTheBlocks
» Description: Raise all the blocks to win the game
Featured Sound Loops
Image for equalize

Audio Player

» Author: TomCat Carty
» Title: The Wood
» Description: Just a little game ending or it can maybe be looped. Recorders with music box and percussion to give the feel of well, I don't know, the woods? Free to use, just credit me. thank you
Latest Font
» Author: Fábio FAFERS
» Description: I created this font for free use. Everyone can apply it in personal or business texts. Its free, but I want to be communicated in case of business use. Donations are accepted to keep the project of free fonts alive! Thank you all
Featured Sound Fx
Image for equalize

Audio Player

» Author: Davisigner
» Description: Hmm... what to say about this one? It's reminiscent of the closing notes of the opening music from the Three Stooges done in a church organ style with a closing cymbal crash. I'll give this one away gratis, but feel free to check out my free loops and potential upcoming license-mandated ones over in the respective part of Flashkit.