Free Flash Tutorials	Home • Food • Mates • Members • Tutorials • Forum • Buy Templates • Contact Us

Flash Tutorial MX 2004 - Drop-down Menu

Free Flash Tutorial

Step Three: The Menu - Frame 2

1. Go to frame 2 and right click and select: Insert Keyframe
2. Attach the following actionscript to the Menu button in frame 2:
   
   on (release) {
       gotoAndStop(1);
   }
   
   Note: This button will now take you back to frame 1, the button in frame 1 takes you forward to frame 2.
   
   
3. Double click on the word Menu and type: Close Menu
4. When you have finished typing return to the Selection tool:
   
   
   Close Menu Button in Frame 2.
   
   
5. Drag out three (or more) buttons from the Library and place them in a column next to the menu button.
6. Open the Align panel: Window > Design Panels > Align (ctrl+k)
7. Select all three buttons (use shift click to select multiple objects).
8. Deselect the Align to stage button (if it is selected):
9. Use the Align panel to get the distance between the buttons the same:
10. Use the Align panel to get the buttons in a straight line:
11. For X position type: 130
12. For Y position type: 0
    
    
    The three new buttons correctly aligned.
    
    
13. With the Text tool , type on top of the buttons: Home, Next Page, webwasp
    
    
    Your stage should look similar to this.
    
    
14. Place the following actions onto the: Home Button
    
    on (release) {
        _root.gotoAndStop(10);
    }
    
    Note: You need to type _root so that the button refers back to the main stage and not to frame 10 in the menu Symbol.
    
    
15. Place the following actions onto the: Next Page Button
    
    on (release) {
        _root.gotoAndStop(20);
    }
    
    Note: Takes you to frame 20 of the main stage.
    
    
16. Place the following actions onto the: webwasp Button
    
    on (release) {
        getURL("http://www.webwasp.co.uk");
    }
    
    Note: Takes you to a new web page.