Here's the rollover script example. The rollover effect is done by swapping any image labelled "_off" with one labelled "_on". The on-state is achieved by checking to see if an image label matches the body id, and if it does, leaving it turned on.
Implementation is simple. Download the rollover script and link it to your pages.
Create two versions of each navigation image - one for the off-state and one for the on-state. The name of the off-state image should end with "_off" and the name of the on-state image should end with "_on".
Give the body tag for each page an id which matches the name of the image that will be "turned on" when you are on the page.
If you want the image
about_on.gif to display when you are on the About page, then your body tag should be
Create your navigation (see the rollover script example for more detail), and you're done!
You can also see a real-world implementation of this script on this web site.
Posted on: February 16, 2006 | 3 Comments