Inserting the Jump Menu
You will now need to create a jump menu. The jump menu is a drop down menu that house all the web pages by name. When you select one of the pages, it automatically takes you to that page. The pages you will need to load will be:
The following code should be put in the head section of your document, just above the </head>
Be sure that your html pages are titled right. You will also need to change the loading of your page from parent to self so that the web page will load in the documents window.
Create a button for each of your six external pages allowing easy navigation back to the drop-down menu.
You can give the form name and select name any name. Save your work then view it in a browser. The only thing you need to do now it to align it to the center.
For those who would like a drop down menu instead of a jump menu, replace the jump menu script with the script below:
STEP ONE: Paste this code just above the end of head tag of your HTML document:
<!-- This script and many more are available
free online at -->
STEP TWO: Insert the onLoad event handler into your BODY tag and adjust the background color to match your page:
<BODY OnLoad="InitMenu()" Onclick="HideMenu(menuBar)" ID="Bdy" bgColor=aliceblue>
STEP THREE: Copy this code into the BODY of your HTML document where you want your menu to appear:
<!--MenuItem Definition for first drop down button-->
<div Id="menu1" class="menu">
<!--MenuItem Definition for second drop
<!--MenuItem Definition for third drop
<!-- End of Menu -->
You will also need to place these two external files in your folder: