Dynamic Drive DHTML Scripts- Static Menu Script II

Dynamicdrive.com

New

Revised

Hot

FAQ

Submit

M Zone

.	Menu
	Search DD Recommend DD Help Forums New DHTML books Advertising Contact
	Featured Script Rollover buttons Turn regular form buttons into rollover menus with this script! .
	Partners
	Free JavaScripts .
	Link to DD
	Do you use scripts from Dynamic Drive? Please give something back by linking to us... .

Home Menus and navigation systems Here

Static Menu Script II All

Credits:
Name: maXimus
Homepage: Homepage
Note: Updated 00/05/15. Squashed IE 4 related bug, added highlight menu capability (in NS) and link targeting ability.

Description: This is an easy-to-configure menu script that stays afloat on the left side of the browser, always visible. It differs from version 1 in that NO images are used to render the interface- just configure a few variables, and off you go. Great DHTML script.

Demo: Turn to the left...

Directions

Step 1: Insert the following code into the <head> section of your page:

Step 2: Insert the following into the <body> section of your page, outside any other tags:

<LAYER visibility="hide" top="20" name="object1" bgcolor="black" left="0" onmouseover="move(132)" onmouseout="move(-132)"> <script language="JavaScript1.2"> function positionmenu(){ move(-132) } if (document.all) {document.write('<DIV ID="object1" style="visibility:hidden;cursor:hand; Position : Absolute ;Left : 0px ;Top : 20px ;Z-Index : 20" onmouseover="move(132)" onmouseout="move(-132)">')} </script> <table border="0" cellpadding="0" cellspacing="1" width="150" bgcolor="#000000"> <tr><td bgcolor="#0099FF"> <font size="4" face="Arial"><b>Menu</b></font></td> <script language="JavaScript1.2"> document.write('<td align="center" rowspan="100" width="16" bgcolor="#FF6666"><span style="font-size:13px"><p align="center"><font face="Arial Black">S<br>I<br>D<br>E<br>M<br>E<br>N<BR>U</font></p></span></TD>') </script> </tr> <script language="JavaScript1.2"> </script> <tr> <td bgcolor="#0099FF"><font size="1" face="Arial"> </font></td> </TR> </table> <script language="JavaScript1.2"> if (document.all) {document.write('</DIV>')} window.onload=positionmenu </script> </LAYER>

Configure the array variable in code of Step 2 to modify the links to your own. To specify how the links should load (whether in current, new, or another frame), configure variable "linktarget" immediately following.

Technical Note

This script accesses the BODY onload event (window.onload). If you have another script on your page that does the same, one of them will not run. Click here for information on getting both scripts to work simultaneously. Also, you MUST insert the code of Step 2 in open space, not contained inside any tag other than the <BODY>. This is for Netscape's sake, for failure to do so will cause the menu to not be rendered properly in that browser.

Recommend Us!
-If you like Dynamic Drive, please recommend us to a friend...

Legend
All- Script works with Netscape 4 AND Internet Explorer 4+
NS- Indicates script works with Netscape 4 (NOT NS 6 yet)
IE- Indicates script works with Internet Explorer 4 and above
NS6!- Temporary index set up on script category pages to indicate script works in NS6

Menu