|
EXAMPLE
1) Download this
ZIP file with lmenu.js and submenus.js
script files and main.css stylesheet and unzip into the appropriate
directory. The ZIP file also
contains the images used in this example to help you configure the script.
2) Insert the following code into the
<HEAD> section of your page.
3) Insert the onload event handler inside the <BODY> tag
as follows:
<body onload="init();",
followed by all other tags such as bgcolor, etc..
4) Place this code right after the
<BODY> tag (adjust the directory if necessary):
5) Insert the following code in the <BODY> section where you
want the menu to be displayed. Change this as is needed. Our example has 5
buttons, copy the text from <a href.. to <br> for every button you wish
to add or delete per button. Number them appropriately, i.e. 2,2, 3,3, etc..
6) Change the horizontal and vertical
positioning as needed. Find these lines of code in the lmenu.js script file and
try changing the value in bold to more or less:
horizontal: document.all[menuID].style.pixelLeft
= xxPos+120;
vertical:
mtop=yyPos+30+offset*16-dif
7) Edit the main.css file to
change rollover colors and such. Edit the submenus.js to make the menus you
want. Follow through the file for each <a href> to </a> command.
|
