Nechce se mi to znovu vypisovat, ale takto jsem to kdysi dělal.
Před </head>, čili do hlavičky si dáš script na to přednahrání
<script type="text/javascript" language="JavaScript">
<!--- Hide from tired old browsers
// preload images:
bt_01_1 = new Image();
bt_01_2 = new Image();
bt_01_1.src="images/t_uvod1.gif";
bt_01_2.src="images/t_uvod2.gif";
bt_02_1 = new Image();
bt_02_2 = new Image();
bt_02_1.src="images/t_o_go1.gif";
bt_02_2.src="images/t_o_go2.gif";
bt_03_1 = new Image();
bt_03_2 = new Image();
bt_03_1.src="images/t_pravidla1.gif";
bt_03_2.src="images/t_pravidla2.gif";
bt_04_1 = new Image();
bt_04_2 = new Image();
bt_04_1.src="images/t_download1.gif";
bt_04_2.src="images/t_download2.gif";
function bt_01_in() {bt_01.src = bt_01_2.src;}
function bt_01_out() {bt_01.src = bt_01_1.src;}
function bt_02_in() {bt_02.src = bt_02_2.src;}
function bt_02_out() {bt_02.src = bt_02_1.src;}
function bt_03_in() {bt_03.src = bt_03_2.src;}
function bt_03_out() {bt_03.src = bt_03_1.src;}
function bt_04_in() {bt_04.src = bt_04_2.src;}
function bt_04_out() {bt_04.src = bt_04_1.src;}
// end hiding --->
</script>
<!-- konec Javascriptu -->a v menu v <body> potom je
<a href="index.html">
<img src="images/t_uvod1.gif" border="0" alt=" Úvodní strana "
name="bt_01"onmouseout="bt_01_out()" onmouseover="bt_01_in()"
style="margin-top: -4px"></a><br>
<a href="o_go.html">
<img src="images/t_o_go1.gif" border="0" alt=" O hře go "
name="bt_02"onmouseout="bt_02_out()" onmouseover="bt_02_in()"
style="margin-top: -21px"></a><br>
<a href="pravidla.html">
<img src="images/t_pravidla1.gif" border="0" alt=" Pravidla hry "
name="bt_03"onmouseout="bt_03_out()" onmouseover="bt_03_in()"
style="margin-top: -21px"></a><br>
<a href="download.html">
<img src="images/t_download1.gif" border="0" alt=" Downloat "
name="bt_04"onmouseout="bt_04_out()" onmouseover="bt_04_in()"
style="margin-top: -21px"></a>samozřejmě názvy souborů (obrázků tlačítek) a cest si musíš dopsat podle sebe, a také doplnit případně další bt_05, bt_06 atd.