[HD] Flash Drop Down Menu Tutorial with Actionscript 3.0

Creating a Drop Down Menu for your website is perhaps the most requested and hotly searched item for designers across the web. In this tutorial we will take a look at how to build a Flash Actionscript 3.0 Drop Down Menu which is easy to add drop down sections to, and pretty simple to setup. The beauty of this technique is that once you have built on Menu you can simply take it and do a few color changes, or Menu/ Text changes and you have a brand new Drop Down Menu. In this Tutorial we will learn about: Actionscript 3.0, EventListeners, Children, A few simple things about the Display List, and much, much more!


Be sure to check out http://www.tutvid.com
Check out the blog @ http://tutvid.wordpress.com

Category:

Education

Tags:

• Adobe
• Flash
• Tutorial
• Drop
• Down
• Menu
• HD
• Navigation
• System
• Bar
• Web
• Site
• Website
• Page
• Training
• Help
• Tutvid

[Csoery]

@Bellinthecurry I had the same prob and it was riving me up the wall :) Select the Erase tool first, then go back to the Select tool and then do the selection, and finally click Delete. Hope this helps.

[1974MichaelR]

@1974MichaelR

stop();

contactFrame_btn.addEventListe­ner(MouseEvent.MOUSE_OVER, goBackG);

function goBackG(event:MouseEvent):void­{

gotoAndStop(1);

}

[1974MichaelR]

@1974MichaelR i did it i got the second dropdown was pretty easy to do in the end :P

it had every thing to do with how to build up the layers.

i made 2 new Layers, build up new buttons and a frame arround it.

rename the frame to, for example contactFrame_btn.

then insert a new keyframe in as about 10 frames after port_mc then insert a new frame name.

like for example contact_mc, then press f9 for coding in actionscript and put in this code:

[1974MichaelR]

Nice tutorial!!

With this tutorial there is not a second of time wasted.

thanks allot.

But 1 question how do i code a second dropdown cause this:

firstFrame_btn.addEventListene­r(MouseEvent.MOUSE_OVER, goBackF);

secondFrame_btn.addEventListen­er(MouseEvent.MOUSE_OVER, goBackF);

function goBackF(event:MouseEvent):void { gotoAndStop(1);

}

doesent work :(

[Redmitochondria]

Excellent video tutorial. I appreciate that you didn't skip explaining things that seemed obvious and you took your time showing all the steps. Thank you!!!

[SDGplayer]

thank you !

[Bellinthecurry]

hi please help me! @27:01 u did a cutting of the edges... how do i do that? i can't seem to do it

[victim0001]

OK, I finished the menu. How do I make it work on my website?