This is a handy framework for javascript drop down menus that I found on dynamic drive.
What I love about Anylink CSS is that the styles are all in the css document, rather than being generated by the javascript. The links themselves are called up in the markup, so if you're a beginner javascripter, you can safely ignore the javascript file completely and still get a high level of adaptability from the framework. (Obviously, you still need to link the javascript into your document).
Now, as a rule I don't like to rely on javascript for the navigability of my sites. If a user has javascript turned off, they won't be able to see the drop down menus at all - only the top link in each category. To get around this, I suggest the following:
This will ensure that the user can still access all the pages easily enough, even if they do have javascript turned off and can't see the drop down menus.
Go to the anylinkcss page on Dynamic Drive and download the files "anylinkcssmenu.css" and "anylinkcssmenu.js". Copy the html code from here and save them all at the same level and you'll have yourself a working example.
On the page on Dynamic Drive you'll find all the information you need to get anylink working - my only problem was that there was so much information on there it took me a while to find what I was looking for. Rest assured, it's a really useful tool, and easily worth the effort.
I don't offer the files for download directly off my site, as they're the copyright of Dynamic Drive. Their terms of use state that:
"As a web designer, [you may] use our DHTML scripts in your paid projects for your client web sites."
as long as you leave their credit notice in the code of your site - but for me to offer the files themselves for download would be a breach of the terms.