Slide-In Menu Bar II (keyboard controlled) All
Credits: Dynamic Drive
Description: A keyboard-controlled menu bar that slides open/contracts with the press of a key. "x" is the key that will expand the menu, whereas "z" is the key that contracts it. Browsers other than NS 4+ and IE 4+ will simply see nothing.
Demo: (Press "x" to expand the menu, "z" to contract it)
Directions .files/dview.gif){kind=small}
Step 1: Insert the following code into the <head> section of your page:
Step 2: Finally, insert the following into the <body> section of your page, right after the <body> tag itself:
Configuring the menu
To change the contents of the menu to your own, edit the text inside variables sitems[] and sitemlinks[] in the code of Step 2. You may now also specify a target for the links, if you wish them to be loaded in a new window or frame.
To change the appearance of the menu, edit the code in Step 1. Below lists the part you can edit:
top:170px;
border:1.5px solid green;
background-color:lightyellow;
layer-background-color:lightyellow;
font:bold 12px Verdana;
line-height:20px;
The first line determines the vertical offset of the menu (adjust 170px to any pixel desired). The second line determines the appearance of the border that surrounds the menu (change 1.5px and green as desired). The third and fourth line effects the background color of the menu. The fifth line determines the font of the menu (change 12px and Verdana as desired). The last line deterines the spacing between each line of text in the menu.
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
IE5- Indicates
script works with Internet Explorer 5 and above
NS6!- Temporary
index set up on script category pages to indicate script works
in NS6
