<HTML>
<HEAD>
<TITLE>JavaScript Demo Example 3, Alternate 1</TITLE>
<script language="javascript" type="text/javascript">
<!-- Hide script from older browsers
if(document.images) {
// define and load the images for faster display.
blankstar = new Image();
blankstar.src = "starblnk.gif";
bluestar = new Image();
bluestar.src = "starblue.gif";
goldstar = new Image();
goldstar.src = "stargold.gif";
greenstar = new Image();
greenstar.src = "stargren.gif";
purplestar = new Image();
purplestar.src = "starpurp.gif";
silverstar = new Image();
silverstar.src = "starslvr.gif";
yellowstar = new Image();
yellowstar.src = "staryell.gif"; }
function display_image(new_image_file) {
if(document.images) {
document.starspace.src = new_image_file; }
}
function reset_starspace() {
if(document.images) {
document.starspace.src = blankstar.src; }
}
//-->
</script>
</HEAD>
<BODY BGCOLOR="WHITE">
<table>
<tr>
<td align="center">
<a href="#"
onMouseOver = "display_image('starblue.gif')"
onMouseOut = "reset_starspace()"
onClick = "return false;">Blue Star</a><br>
<a href="#"
onMouseOver = "display_image('stargold.gif')"
onMouseOut = "reset_starspace()"
onClick = "return false;">Gold Star</a><br>
<a href="#"
onMouseOver = "display_image('stargren.gif')"
onMouseOut = "reset_starspace()"
onClick = "return false;">Green Star</a><br>
<a href="#"
onMouseOver = "display_image('starpurp.gif')"
onMouseOut = "reset_starspace()"
onClick = "return false;">Purple Star</a><br>
<a href="#"
onMouseOver = "display_image('starslvr.gif')"
onMouseOut = "reset_starspace()"
onClick = "return false;">Silver Star</a><br>
<a href="#"
onMouseOver = "display_image('staryell.gif')"
onMouseOut = "reset_starspace()"
onClick = "return false;">Yellow Star</a>
</td>
<td valign="center"> <img name="starspace"
height=50 width=52 src="starblnk.gif" border="1">
</td>
<td align="center">
<a href="#"
onMouseOver = "display_image(bluestar.src)"
onMouseOut = "reset_starspace()"
onClick = "return false;">Blue Star</a><br>
<a href="#"
onMouseOver = "display_image(goldstar.src)"
onMouseOut = "reset_starspace()"
onClick = "return false;">Gold Star</a><br>
<a href="#"
onMouseOver = "display_image(greenstar.src)"
onMouseOut = "reset_starspace()"
onClick = "return false;">Green Star</a><br>
<a href="#"
onMouseOver = "display_image(purplestar.src)"
onMouseOut = "reset_starspace()"
onClick = "return false;">Purple Star</a><br>
<a href="#"
onMouseOver = "display_image(silverstar.src)"
onMouseOut = "reset_starspace()"
onClick = "return false;">Silver Star</a><br>
<a href="#"
onMouseOver = "display_image(yellowstar.src)"
onMouseOut = "reset_starspace()"
onClick = "return false;">Yellow Star</a>
</td>
</tr>
</table>
.
.
.
<p><a href="fun_with_javascript.htm#Example3">Return to
Having Fun with JavaScript</a>.</p>
</BODY>
</HTML>