Javascript menu demo



JavaScript rollover menu

View Source to see how this is done:

<a href="file.html"
 onmouseover="document.menu3.src='menu.3.on.png'" 
  onmouseout="document.menu3.src='menu.3.off.png'"
><img src="menu.3.off.png" border="0" name="menu3" /></a>


Or colors reversed:




Version that doesn't need images

<td onMouseOver

Worlds Install Client Registration About Contact


Entire cell is a link instead of just the text

<td onClick

Worlds Install Client Registration About Contact


Version that doesn't need Javascript

Similar effect can be done in CSS.

See main navigation links at top of this page. These are defined in the stylesheet as changing to underline when you mouse over them. This is CSS not Javascript. The stylesheet has the following:

a.main-navigation:hover    {
  text-decoration: underline ;
}

Can change color, font, size, etc. on hover.