Mouse Overs
A somewhat common method of "beautifying" a graphic link is to enhance the graphic with "mouse over" properties. A mouse over has multiple graphics. One graphic is the standard image. This is the default image that shows up on the page when it loads. The second graphic is the image that is seen when the mouse passes over the image.
The mouse over above is actually two files.
 |
 |
Image Loading With Page |
Image Loading when mouse
passes over button |
|
Special HTML code tells the browser to change the image when the mouse is passed over the image.
<a href="mouseovers.asp" onMouseOut="MM_swapImgRestore()"onMouseOver="MM_swapImage('MouseOver','','mouseover_click.gif',1)">
<img src="mouseover_main.gif" alt="EDUC 565" name="MouseOver" width="197" height="70" border="0"></a>
|
A series of these buttons can become an interactive navigational tool.
Keep in mind that each of the above buttons is actually two images, one that loads with the page, and one that loads when the mouse passes over the image. The above example uses a total of six images, two for each button.
Start All Over |