Drop Down Menu Without AS

							iDW [WWW.CENTER-OF-DESIGN.COM]


 Drop Down Menu Without AS
    1. This is one of many ways to make a drop down menu (animated or not).
    2. First we will create a static text field (or dynamic if you use non-standard fonts that needs to
       be embedded) and type MENU. With F8 convert it to a movie clip and give instance name
       (for example – menu).
    3. Inside that movie clip, rename layer 1 to “btn” and create new layers in the following order
       from top to bottom: “controlActions” ; “actions” ; “btn” (we already have that one) ; “menu”
       ; “rollOut”.




    4. On “btn” layer, create another key frame on frame 2 with F6 key, to create the same “menu”
       text field and change it’s color to for example red. That second frame will represent our over
       state. So when user moves a mouse over the “menu” it will guide him on that second frame
       where the button is red and where the menu will drop down, ofcourse that will occur when
       we finish.
    5. Next, on actions layer, on frame 1 put action stop(); so it stops the movie from going
       forward.
    6. Now, on the second frame of layer “menu” draw a rectangle with few text fields that will
       represent buttons in menu. For example “item 1” ; “item 2” etc..




 1|P a g e
iDW [WWW.CENTER-OF-DESIGN.COM]




    7. Convert each item from menu, to a button.
    8. Right click on second frame of a layer menu and press “Create Classic Tween” (in CS 4 it is
       “classic” but in older version is just “Create Tween”), then click on a frame number 10 and
       press F6, then right click on that frame and “Remove tween” then again on frame 15 press
       right click and “Create Classic Tween”, F6 on frame 25. So, from the frame 2 to frame 10
       there will be some animation of appearing menu and from frame 15 to frame 25 that menu
       will disappear in same or other manner. On the frame 2 you can put the menu a bit up and
       make alpha 0%, and on frame 25 put it on the same place (a bit up) with alpha 0%.

 2|P a g e
iDW [WWW.CENTER-OF-DESIGN.COM]

    9. On frame 10 of layer “actions” create a key frame (F6) and put stop(); action.




    10. Now we need an invinsible button that when we move the mouse over it, will close the
        menu. On frame 2 of a layer “rollOut”, draw a shape that will cover the area around the
        “menu” button and the menu rectangle with items. Spread it a bit wider so it covers a
        relative large area. Convert it to a button, fill all the states: up, over, down, hit and then
        delete all of them except the hit. Press F5 on the frame 10 so the rollOut button lasts till that
        frame. Put the following action ON that button:

        on (rollOver) {


 3|P a g e
iDW [WWW.CENTER-OF-DESIGN.COM]

                gotoAndPlay(15);
        }




    11. Now on the first frame of btn layer, convert that menu field to a movie clip and give it an
        instance name “menu_btn”.



 4|P a g e
iDW [WWW.CENTER-OF-DESIGN.COM]

    12. On first frame of controlActions layer, put the following actions and then press F5 on frame
        10 of the same layer.



        menu_btn.onRollOver = function() {
              gotoAndPlay(2);
        }




 5|P a g e
iDW [WWW.CENTER-OF-DESIGN.COM]




 6|P a g e