g. Add another blank layer and call it "rollout". Create 2 blank keyframes in that layer. Important Note! The layer called "rollout" MUST be under the "menu" layer!
h. Select the second frame of the "menu" layer and draw a couple of other rectangle buttons using different colors. Set "Hit" area to the button size and "Over" frame so that on rollover buttons changed color.
i. Select the second frame of the "rollout" layer and draw the rectangle shape. Note the shape must be bigger then anything drawn in the second frame of "menu" layer. Color of the shape does not matter.
j. Now convert shape from the second frame of "rollout" movie to button and then make only keyframe in the "Hit" area and delete the rest from the button. We need to get invisible button after that. The purpose of such buttons is that we can treat it as a button but it will not be visible to users.
k. We are done with the drawings. The only thing left is to put some ActionScript coding. Select the first frame of the "menu" movie and add the following line in "Actions Panel"
stop();
l. Select a button from the first frame of the "menu" movie and write this code:
on (rollOver) {
gotoAndStop(2);
}
m. Select an invisible button from the second frame of “rollout” layer and add ActionScript code:
on (rollOver) {
gotoAndStop(1);
}
Now the dropdown menu is ready to use. Press "Ctrl+Enter" and enjoy the dropdown menu you just created.
We hope the information helped you. If you have any questions
or comments, please don't hesitate to post them on the
Forums section Submit your Tutorial at Click Here