Hover Menu

1. Introduction and Sample

For people to be able to easily navigate around your web site the navigation links need to be easily accessible when they want them without blocking access to your page content.

One way to make the navigation readily available is to have the navigation appear fixed within the browser window while allowing the content to scroll. Some people do this using frames but that means that one whole section of the browser window is taken up with the navigation frame leaving less room for content.

One simple solution is to use a "hover menu" that just covers one small section of the web page which is then easily viewed by scrolling the page so that the menu covers some different part of the page. We can even set up the menu so that it takes up a minimum of space except for when your visitors actually want to use it by hiding the entire menu except for a single link that can be used to get the rest of the menu to display.

This page contains such a hover menu in the bottom right corner of the screen. Simply click on the "menu" link to get the menu to display and you will be able to select from the other pages in this article that tell you what you need to do to be able to implement a hover menu on your own site.