HTML Drop Down Menu Generator

Description

  • The following wizard generates the code necessary for your own simple drop down menu. Each option on your menu will link to a selected page. Options are also given for you to select the colors and fonts.

Steps

  1. Fill in the information required for your drop down menu
  2. Generate the HTML and JavaScript code for your menu (button at bottom)
  3. You can preview your script (button at bottom)
  4. Copy and Paste the Source Code into your HTML page

Example

Note

  • If you choose Page changes when menu changes, no action can occur for the first Link Address
  • You can leave Link Address blank on the lines where you want the text entry to act as a divider or a menu header


When and how to change the page


Menu Properties
Menu Name:
(change menu name if multiple menus on one page)
Custom Target:
Target Name:
Dropdown Menu Entries
Text Shown Link Address



Custom Colors/Styles

(Check the above box to enable these Style Sheet options)
Text Color Background Color
[pick] [pick]
Font Family Custom Font

Font Style Font Size
pt



Source Code