Drop-Down Menus
Drop-down menus are horizontal menus that are generally placed just below the top-section or header of any webpage. As you can guess from the name, these menus have sub menus that drop-down vertically when you move your mouse pointer or focus over them.
Example
See the image below,
As with pop-out menus there are also enhancements to drop-down menus, such as sliding effect where the sub-menus opens by sliding down, making it a slide-out/fly-out menu or fade effect or dissolve effect.
Creating the Menu
Code Example
As for the programming part , these menus are very similar to pop-out menus seen in the previous section. The example i am giving you here uses Html, CSS, Javascript and DOM(Document object model) for dynamic effects.
Lets see the example,
Just copy and paste the following code in a text editor, save it with in an html file extension and run it in your browser.
Next :
Related:
Navigation Methods
Pop-out Menus
Drop-down Menus
Link to this page :
Copy and paste the following code in an html document to link to this page,