To w ramach HEAD:
Ładujesz w ten sposób obrazki do pamięci podręcznej (nie ma efektu ładowania obrazka po najechaniu, tylko od razu leci podmianka)
<script language="javascript">
<!--
INDEXa = new Image(228,64)
INDEXa.src = 'images/but01.jpg'
INDEXb = new Image(228,64)
INDEXb.src = 'images/but01p.jpg'
CENNIKa = new Image(113,64)
CENNIKa.src = 'images/but02.jpg'
CENNIKb = new Image(113,64)
CENNIKb.src = 'images/but02b.jpg'
itd.
-->
A to w BODY (w miejscu gdzie umieszczasz obrazki):
<a href="index.htm"
onMouseOver="document.index.src=INDEXb.src" onMouseOut="document.index.src=INDEXa.src"><img src="images/but02.jpg" border="0" name="index" width="228" height="64"></a>
<a href="cennik.htm"
onMouseOver="document.cennik.src=CENNIKb.src" onMouseOut="document.cennik.src=CENNIKa.src"><img src="images/but02.jpg" border="0" name="cennik" width="113" height="64"></a>
Teoretycznie będzie działać i bez tego wpisu w ramach HEAD, ale bezpieczniej będzie Ci załadować obrazki do pamięci

--
Pozdrawiam
Łukasz