<html><head><title>Vajutamisel muutuv pilt</title>
  <script>
    var ridadearv=10, veergudearv=10;
    var pilt1="punane.gif", pilt2="kollane.gif", pilt3="roheline.gif";
    function varvivahetus(rida, veerg, sisu){
      document.images[rida*veergudearv+veerg].src=sisu;
      return false;
    }
  </script>
</head>
<body>
  <script>
    for(var rida=0; rida<ridadearv; rida++){
      for(var veerg=0; veerg<veergudearv; veerg++){
        document.write("<a href=''"+
        " onClick=\"return varvivahetus("+rida+", "+veerg+", '"+pilt1+"');\""+          
        " onMouseOver=\"return varvivahetus("+rida+", "+veerg+", '"+pilt3+"');\""+          
        " onMouseOut=\"return varvivahetus("+rida+", "+veerg+", '"+pilt2+"');\""+          
          "><img src="+pilt2+" height=20, width=20 border=0></a>");
      }
      document.write("<br>");
    }
  </script>
</body></html>