This layer acts as the "net" for catching mouse Roll Over/Out events and acts as the switch to turn the menu off. This "net" is necessary because to my knowledge you can't have buttons overlapping each other. I tried doing this with a solid background underneath everything and an Action using the mouseEvent "Roll Out" attached to the symbol instance. Problem was when I rolled over a navigation button layered on top, Flash understands that as a Roll Out event for the bottom button object even though your still technically within the bounding box of the object. Don't ask me why. Call Macromedia and ask them. Anyway, here's the steps.
- Create a new layer below the previous and name it Deactivate Menu.
- Create a Blank Keyframe(F7) at Frame 3.
- Select Frame 3 and place the graphic symbol Mask in that Keyframe.
- Create a Keyframe (F6) in Frame 16.
- Open the Instance Properties dialog box, click the Definition tab and change the Behavior from "Graphic" to "Button".
- With the Instance Properties dialog box still open, click on the "Actions" tab and assign the following action. This Action tells Flash to continue playing this timeline after either one of the two mouse events have occurred and turns off the menu.
On (Roll Over, Roll Out) Play End On
|» Level Advanced|
Rating: 8 Votes: 133
|Jason Lampitt is an Interactive Developer for a major media development firm in Englewood, Colorado. He has a background in fine art as well as graphic design and has been developing multimedia titles for the past 6 years. Jason has a passion for bringing design to life through multimedia and helping others to understand the sometimes complex and confusing world of interactive development. In his spare time Jason is an active outdoorsman, mountain biker and family man.|
|Download the files used in this tutorial.|
|Download (38 kb)|
|More help? Search our boards for quick answers!|