FF1+ IE5+ Opr7+

CSS Menu highlight

 Author: Marc Boussard | Modified by Dynamic Drive

Description: "Highlight" your menu links as the mouse moves over them using this CSS powered script! Thanks to CSS, the effect is very customizable, efficient, does not rely on script, and finally, very small in file size. Visible in IE4+, NS6+, Opera 6/Mozilla, and degrades well with the rest. A good illustration of what CSS alone can accomplish.


Main Menu (CSS)
JavaScript Kit
BBC News

Directions Developer's View

Step 1: Insert the following code into the <head> section of your page:

Select All

Step 2: Add the below to the <body> of your page. It contains the HTML codes for the menu:

Select All

Configuring the menu

The majority of cosmetic changes to the menu (ie: highlight color, font size etc) can be done simply by changing the attribute values listed in the style sheet of step 1.

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