Practice 8b:
Rollover Images and Navigation Bars
Rollover Image
From the "Insert" command choose "Interactive Images" and then "Rollover Image".
You will asked to specify the name of the overall image and the front and background images in the rollover. You can also have the image linked to a web address.
|
Here is the HTML and script code. Note that the functions such as MM_swapImgRestore have been pre-created and preloaded when the page loads. Also, the initial image is pre-loaded using the body command. See the HTML code. <p><a href="http://www.american.edu" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','river.gif',1)"> <img name="Image1" border="0" src="park.gif" width="200" height="73"> p></a></p> |
Navigation Bars
The easiest way to create a navigation is to make a table and then have the cells hyperlinked either directly through html or indirectly through a clickable image.
|
|
|||