To create pop-up, drop-down, fly-out menus, you really need nothing other
than Dreamweaver and an understanding of the methods taught there.
The concept is simple. Each submenu is in a hidden layer, properly
positioned on the page under their parent menu option. Mousing over each
menu option shows the associated layer (if any), and hides all the rest of
them.
This couldn't get any simpler. But there is one problem - once you have
shown a submenu, and then moused into it, how do you hide it?
One way would be to use a 'closer' layer: a layer that is *UNDER* all the
rest of the menus, contains a transparent GIF image larger than the entire
menu, and has a show/hide behavior on it that hides *ALL* the submenus,
including itself. It works like this. Showing any submenu, you will also
show the closer. Hiding any submenu, you will also hide the closer. And if
you mouse off a submenu, you will mouse over the closer layer and trigger
everything to close.
Another way would be to use the AutoHide extension. This is applied to the
body tag onLoad, and it will be triggered anytime you mouse off a submenu,
causing it to hide - no closer layer involved.
Finally, if you have alot of submenu layers, it can get complicated showing
and hiding them all the time. That's where the AutoLayers comes in. Use it
to show your submenu layer, and it automatically hides all the rest.
So - the combination of AutoLayers and AutoHide is the easy EASY way to make
these menus.
--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================
"phenster" <webforumsuser (AT) macromedia (DOT) com> wrote
Quote:
is this what i need , im a bit confused..
To complete the online tutorial you'll need to download and install three
free
extensions and the PVII Positioned Menu Work Folder zip archive:
Auto Layers
SnapLayers
Auto Hide Layers
Work Folder |