FF1+ IE5+ Opr7+

CSS Horizontal hover menu

Author: Dynamic Drive

Description: A CSS horizontal menu with links that hovers up when the mouse moves over them. In non IE modern browsers such as Firefox and Opera7+, the links depress as well on mousedown. 100% CSS, no scripting involved.

Demo:


Directions Developer's View

Step 1: Insert the following style sheet to the HEAD section of your page:

Select All

Step 2: Add the below HTML  to the body of your page.

Select All

You can have multiple menus on the same page.

Wordpress Users: Step by Step instructions to add ANY Dynamic Drive script to an entire Wordpress theme or individual Post