Put this between your HEAD-tags:
|
<script language="JavaScript"> lck=0; function r(hval) { if ( lck == 0 ) { document.bgColor=hval; } } function l() { if (lck == 0) { lck = 1; } else { lck = 0; } } </script> |
Put this between your BODY-tags:
|
<table border="0" cellpadding="0" border="0">
<tr>
<td bgcolor="#00ffff"> <a href="JavaScript:l()" onmouseover="r('#00ffff'); return true"> <img src="" border="0" width="10" height="10"></a></td> <td bgcolor="#663399"><a href="JavaScript:l()" onmouseover="r('#663399'); return true"> <img src="" border="0" width="10" height="10"></a></td> <td bgcolor="#669933"><a href="JavaScript:l()" onmouseover="r('#669933'); return true"> <img src="" border="0" width="10" height="10"></a></td> <td bgcolor="#990033"><a href="JavaScript:l()" onmouseover="r('#990033'); return true"> <img src="" border="0" width="10" height="10"></a></td> <td bgcolor="#666600"><a href="JavaScript:l()" onmouseover="r('#666600'); return true"> <img src="" border="0" width="10" height="10"></a></td> <td bgcolor="#663366"><a href="JavaScript:l()" onmouseover="r('#663366'); return true"> <img src="" border="0" width="10" height="10"></a></td> <td bgcolor="#000000"><a href="JavaScript:l()" onmouseover="r('#000000'); return true"> <img src="" border="0" width="10" height="10"></a></td> <td bgcolor="#FF0000"><a href="JavaScript:l()" onmouseover="r('#FF0000'); return true"> <img src="" border="0" width="10" height="10"></a></td> <td bgcolor="#CC6600"><a href="JavaScript:l()" onmouseover="r('#CC6600'); return true"> <img src="" border="0" width="10" height="10"></a></td> <td bgcolor="#CC3399"><a href="JavaScript:l()" onmouseover="r('#CC3399'); return true"> <img src="" border="0" width="10" height="10"></a></td> <td bgcolor="#666699"><a href="JavaScript:l()" onmouseover="r('#666699'); return true"> <img src="" border="0" width="10" height="10"></a></td> <td bgcolor="#660033"><a href="JavaScript:l()" onmouseover="r('#660033'); return true"> <img src="" border="0" width="10" height="10"></a></td> <td bgcolor="#330033"><a href="JavaScript:l()" onmouseover="r('#330033'); return true"> <img src="" border="0" width="10" height="10"></a></td> <td bgcolor="#333300"><a href="JavaScript:l()" onmouseover="r('#333300'); return true"> <img src="" border="0" width="10" height="10"></a></td> <td bgcolor="#FFFF00"><a href="JavaScript:l()" onmouseover="r('#FFFF00'); return true"> <img src="" border="0" width="10" height="10"></a></td> <td bgcolor="#9900CC"><a href="JavaScript:l()" onmouseover="r('#9900CC'); return true"> <img src="" border="0" width="10" height="10"></a></td> <td bgcolor="#FFCC66"><a href="JavaScript:l()" onmouseover="r('#FFCC66'); return true"> <img src="" border="0" width="10" height="10"></a></td> <td bgcolor="#FFFFFF"><a href="JavaScript:l()" onmouseover="r('#FFFFFF'); return true"> <img src="" border="0" width="10" height="10"></a></td> </tr> </table> |