Flash : A drop-down menu in a couple of ticks
Contents ]
Daniel Garrance

Interactivity of the Menu Items

We will now work on the second interactivity stage of our menu:

  1. Click on frame 2 in the timeline to hide the three menu item buttons.

  2. Double-click on the first button's background to display the Instance Properties window.

  3. Activate the Actions tab, click on the "+" button and then select On MouseEvent in the list.

  4. Check the Release option in the right-hand side of the dialog box.

  5. This time, we have specified that the event to be associated with an action is the release of the button.

  6. Click again on the "+" menu of the timeline and select Get URL.

  7. Specify the address of the page to be displayed in the URL field.

  8. To display the page in a new browser window, select _blank in the list area Window.

  9. Now select Go To in the "+" button's pop-up menu and then, in the right-hand side of the dialog box, type in 1 in the Number field (Figure 5).

  10. The menu will then close when a new page is displayed.

  11. If you want, you can select other actions, such as activating another animation element (Tell Target) or muting the sounds (Stop All Sounds).

  12. Click on OK.

  13. Repeat these steps for the two other buttons.



Figure 5: The properties of the Explorer button are now set.

Faster! Our menu has been so designed that it works only when the user clicks on the main button and again on a menu item. If you also want it to work when the user drags the pointer without releasing the mouse button, open the Definition tab in the Instance Properties dialog box and check the option Track as Menu Item.

Your menu is almost complete. Test it by selecting File > Publish Preview > Flash.



  1   2   3   4   5   6