Cross Browser dHTML Drop-down Menus
1. What do I mean by "Cross Browser"?
I've had a few requests for a page of code that can be cut-n-pasted easily into pages. If you're not interested in following the tutorial and just need a quick menu fix, click here
There's now a (relatively untested) side-menu version of the code available here
NEW! Cascading submenus - see page 9.
|
I always try to get all my javaScripts to work on the following browsers:
- Microsoft Internet Explorer 4+
- Netscape Navigator 4+
- Netscape 6 & 7
- Opera 5+
- Mozilla 1.0
Ideally they should be tested on Macintosh browsers and on Linux as well, but I don't currently have the resources to do so. In the past I've had code that that worked perfectly on ALL Windows browsers but would crash MSIE on a Mac. If the drop-downs on this site don't work on your browser for any reason, please let me know.
The code is loosely based on a tutorial on the Apple Developer site. I also picked up a good tip which helped me to get it working on Netscape 4.x from SmartWebby.
|
Part I
|
|
This page.
|
|
Part II
|
|
Showing and hiding DIVs.
|
|
Part III
|
|
Menu placement in Netscape 4.x
|
|
Part IV
|
|
Using multiple menus.
|
|
Part V
|
|
Hiding menus when mouse is no longer over them.
|
|
Part VI.
|
|
Conclusion.
|
|
Part VII
|
|
Adding a rollover effect and transparency.
|
|
Part VIII
|
|
A set of ASP functions to speed up development.
|
|
Part IX
|
|
Cascading submenus part one. 50% complete.
|
|
Part X
|
|
Cascading submenus part two. 50% complete. Usable code available for download
|
|
Part XI
|
|
Cascading submenus part three. Wrapping it in javaScript functions. Under construction. see the code here.
|
| 
