Example 4

<HEAD>
<TITLE>Example 4</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
var p;
function init(){
  var i;
  p=new Array(3);
  for(i=0;i<3;i++)
    p[i]=false;
  return;
}
function clicked(){
  return;
}
function moused(x){
  document.images[x].src=p[x]?"space.gif":"queen.gif";
  p[x]=!p[x];
  return;
}
//-->
</SCRIPT>
</HEAD>
<BODY onLoad="init()">
<H1>Example 4</H1>
<A HREF="JavaScript:clicked()" onMouseOver="moused(0);return(true)"><IMG SRC="space.gif" BORDER=0></A>
<A HREF="JavaScript:clicked()" onMouseOver="moused(1);return(true)"><IMG SRC="space.gif" BORDER=0></A>
<A HREF="JavaScript:clicked()" onMouseOver="moused(2);return(true)"><IMG SRC="space.gif" BORDER=0></A>
</BODY>