This script is a highly flexible means of converting HTML content into powerful popup menus, using either nested lists or DIV tags for menu data, and following best practice guidelines for powerful and accessible menus.
Here's another example of the script: multiple DIVs used to construct a menu. This will work in v4 browsers. It is otherwise not recommended.
Everything's in the source of this page, all you need to do is open this document inside a text editor like Windows Notepad. You don't need to edit the JS file itself, and you can leave the demo script unchanged. You will want to open the .CSS file and change the menu formatting there though, and of course the menu data in the BODY of the page.
Once you have customised the menu data/appearance, paste the SCRIPT, LINK and UL tags into each of your site's pages. You might find it handy to use a templating system or server-side includes for this!
Upgrade notes: From v1.0RC9 and earlier, make sure you replace the 'animation' section in your HTML file and the 'fallback' LINK tag in the HEAD, and if you are updating the stylesheets replace the "new FSMenu" line in the HTML file too.
Good luck - Angus.
Since this is the first release, there aren't many Frequently Asked Questions yet :).
If you want to make this script run across frames, you can trigger menus by calling the mouseover and mouseout events in another frame like onmouseover="parent.content.divMenu.show(....)" where 'content' is the name of the frame containing this menu script and all the menu data. You don't need to include the JS files in the triggering frame, and this will only work with the DIV menu version (not the list-version menus).
This script works best paired with an XHTML/CSS document, and a fair knowledge of CSS layout and formatting techniques. If you're not familiar with CSS, use this as a learning opportunity, as it's a very powerful tool!
To include your menus in each page of your site, it's best to use some form of include with the menu data stored in an external file. Check to see what your webhost supports; if you have something like PHP or Apache's Server Side Includes on your server, it's very easy, consult the appropriate documentation or helpfiles for more info.
Also, the "commented" script file contains some of the code for both div and list menus. If you are only using one type, feel free to edit it and remove the extra code; or perhaps just remove the NS4 compatibility code at the bottom, to get an additional speedup.
I've bundled a bunch of extra effects for this script in the fsmenu_extras.js file included with the download. Feel free to load it up, you will find:
These should also serve as examples if you want to write plugins/extensions to the script yourself. I hope you find them useful!