A Simple DHTML Flyout Menu
If there is one thing that computer users are familiar with it is the "drop down" or "fly out" menu system. This is also sometimes referred to as a "cascading menu" system. We see this particularly in operating system interfaces, and Microsoft applications such as the menu bar in Word. in this self-contained article, Tom shows you how to build a DHTML 2 level cascade (deep enough for most web menus) that you can use for your own sites.
Need to create all kind of great web site navigation menus? Cascading Drop down Menus, Mega Menus, Popup or Context Menus. Menus that have great display animations, are CSS based and fully cross browser compatible, which makes them search engine friendly?
| User Level: | Beginner |
|---|---|
| Product: | Dreamweaver 4, Dreamweaver MX |
| Technologies: | JavaScript |
| Number Of Pages: | 12 |
Table of Content:
- A simpler flyout
- Caveat Emptor
- Script Components
- CSS Components
- Set up the HTML
- The CSS stylesheet
- Setting up the Script
- First Things First
- Calling ShowMenu()
- The setTimeout() Method
- FinalClose()
- The CloseSubMenu() Function
- HideMenu()
- Sub Menu Function Calls
- Full HTML
- Full CSS
- Full Script
- Conclusion
http://www.maroonedcomic.com/
User Reviews
Total of 5 reviewsRE: RE: RE: Doesn't Work PC IE6
Written by Tom Dell'Aringa on March 16, 2006Honestly, this script is a bit out of date. I don't have one available, but if you google for css menus you'll literally find a boatload of them, many that work across platforms. There are even some that don't use JS. Someday I'll have to update ...
RE: RE: Doesn't Work PC IE6
Written by Jay moody on March 16, 2006Thank you for your quick reply Tom. I was able to find a break where there shouldn't be. It works beautifuly now! What can be done to this script to make it compatable with other browsers as well. (I don't have a need for the compatability, but am ...
RE: Doesn't Work PC IE6
Written by Tom Dell'Aringa on March 15, 2006If you'll email me your files, I can help you out. Looks like you have a call to a function that the page cannot see, probably simple to fix. Copying the code from the PDFs can be problematic because of weird line breaks, so you have to be really ...
Doesn't Work PC IE6
Written by Jay moody on March 15, 2006This tutorial was promising at first. Tom explained the compatability limitations up front which was fine with me since I only needed help creating a menu for an intranet consisting of pcs using IE6. I followed along through the tutorial writing my ...
