Milonic DHTML/JavaScript Menu Sample Page

Editing the menu

To edit the menu, open the file menu_data.js in a text editor and edit the details inside the aI() text strings
To add more menu items, just create another aI() string on a new line and enter your properties
add a showmenu=MENUNAME; property if you want this menu to open a sub menu
To Add more menus, copy another menu and paste it inside your data file. A menu starts: with(milonic=new menuname("MENUNAME")){ and ends: }
Any problems, visit http://www.milonic.com/forum. Beginners guide is at http://www.milonic.com/beginner.php

To get the menu onto your website, insert the following HTML into each page using the menu:

<script type="text/javascript" src="milonic_src.js"></script> 
<script type="text/javascript" src="mmenudom.js"></script> 
<!-- The next file contains your menu data, links and menu structure etc -->
<script type="text/javascript" src="menu_data.js"></script>

Links to other menu demos are:

Please note that users of Microsoft Windows XP with Service Pack 2 will need to unblock this page in order to see the menu. The reason for this is due to the fact that the menu has been written in JavaScript. This feature is considered unsafe when used locally and Service Pack 2 now blocks this by default for your safety. This only happens when you run the menu on a local machine, live use on the Internet will not be affected. Milonic Solutions Ltd assure you that there is absolutely no danger of allowing content from the DHTML Menu provided it has been downloaded from www.milonic.com

For instructions on removing the forced popup message, please visit http://www.milonic.com/removelink.php

For information on menu properties, please see http://www.milonic.com/menuproperties.php
For information on menu item properties, please see http://www.milonic.com/itemproperties.php
For information on style properties, please see http://www.milonic.com/styleproperties.php

Installation instructions - install.html
How to build menus - howtobuild.html
Read Me - readme.html
License Details - license.html

Follow Scrolling Style Menu

The Follow Scrolling Style Menu sample shows how you can have a menu item remain with the user as they scroll down the page.

This feature can be applied to both Horizontal and Vertical menus and is indicated by a 1 (one) for Scroll and 0 (zero) for no scroll inside the menu_data.js file.

If you scroll down the page the menu should remain in view but will move up to the top of the page, this is indicated by the 1 in the above text.

If you need the menu to remain in exactly the same position regardless of page scroll position you would need to enter the Top position in which you would like the menu to remain whilst scrolling occurs. You can enter a value in the space provided to see this in action. The default Top position form this menu is 200 Pixels.

Top Start position is where the menu will start scrolling from. a value of zero will only start the menu scrolling once there is no space at the top of the browser window. A value of 100 will start scrolling once the menus top position reaches 100 pixels.

Cycles is based on the number of times the followscroll code is executed per second. The value you need to declarer for cycles is in milliseconds. For example, a value of 1000 is equivalent to 1 second, 500 is half of one second and 100 is one tenth of a second. By default the menu system will normally set this value to 50 so that the function is executed 20 times per second. A lower value for cycles makes the scrolling more smoother at the cost of more processing power. A higher values will make the scrolling appear to jump more making the scrolling appear less smooth but not use as much processing power.

Rate is the amount of movement made per cycle. It's almost like the number of pixels to move per cycle but this value will change depending on how far away the menu is. We set this to 2 by default. A higher number will make the menu move slower. A lower number will make the menu move faster. Note that setting this value to 1 will cause the menu to jump directly to it's position without any scrolling. This means that the smallest value that you can declare for scrolling is a rate of 2. A value of 1 is permitted but this will remove the ability for scrolling to take place.