в саму страницу после МETA тегов, до </head> вставляете java script:

<SCRIPT language=JavaScript>
var imn;
var icount = 4; // image count
var iw = 49; // start width
var iw2 = 90; // end width
var ih = 74; // start height
var ih2 = 135; // end height
var stop;

function g() {
for(i=1;i<=icount;i++) {
var im = document.getElementById("i"+i);
if(imn!=i) {
im.width=(im.width>=iw)?(im.width-2):im.width;
im.height=(im.height>=ih)?(im.height-2):im.height;
}
else {
im.width=(im.width<=iw2)?(im.width+2):im.width;
im.height=(im.height<=ih2)?(im.height+2):im.height;
}
}
if(stop<iw2-iw || stop<ih2-ih) {setTimeout("g()", 20); stop++;}
}
</SCRIPT>

в то место, где хотите выводить меню вставляете

<span onmouseout="stop=1; imn=0; g();">
<img id="i1" src="img/ajax.png" alt="ajax" onmouseover="stop=1; imn=1; g();" width="50">
<img id="i2" src="img/php.png" alt="php" onmouseover="stop=1; imn=2; g();" width="50">
<img id="i3" src="img/javascript.png" alt="javascript" onmouseover="stop=1; imn=3; g();" width="50">
<img id="i4" src="img/html.png" alt="html" onmouseover="stop=1; imn=4; g();" width="50">
</span>

.... если нужно больше элементов меню, то копируете последнюю строку и добавляете ее в блок, меняя:

<img id="i5" src="img/раздел_меню5.png" alt="раздел_меню5" onmouseover="stop=1; imn=5; g();" width="50">

Также в java script code надо увеличить параметр var icount = до того числа, которое необходимо
Размеры - там-же