Hai ragione!!! Ho comprato un paio di libri, e ci do una occhiata per andare avanti pian piano!!
Solo che sò che un modo per imparare è provare provare provare, almeno per me.....
E logico che se uno non ha le basi, non è che può arrivare chissà dove....
Appena faccio ho un po' di tempo leggo.... (hai qualche consiglio per un libro sul javascript non molto peso, ma chiaro?)

Comunque grazie!!! Sono riuscito a fare tutto, tranne inserire le immagini rollover....

Ti spiego....

Ho inserito questa funzione in un div in image ho messo lo sfondo che cercavo

<script type="text/javascript" language="Javascript">
<!--
function mostraMenu(idcliccato) {
for(var i=1; i<=6;i++){
if(i==idcliccato){
document.getElementById('menu'+i).style.display = 'block';
}else{
var div2 = document.getElementById('menu'+i).style.display = 'none';
var div3 = document.getElementById('menu'+i).style.display = 'none';
}
}
}
-->
</script>
<body>
<input type="image" onClick="mostraMenu(1);" value="button1" src="img/1 />
<input type="image" onClick="mostraMenu(2);" value="button2" src="img/2" />
<input type="image" onClick="mostraMenu(3);" value="button3" src="img/3" />
<input type="image" onClick="mostraMenu(4);" value="button4" src="img/4" />
<input type="image" onClick="mostraMenu(5);" value="button5" src="img/5" />
<input type="image" onClick="mostraMenu(6);" value="button6" src="img/6" />
</div>

Il resto dei div li ho messi in un altro div appena sotto (perché ho molto testo e quando partiva lo scroll anche il menu scompariva)

<div id="menu1" style="display:none; width:200px;
background-color:yellow;">
<span>Questo è il primo menu</span>
</div>
<div id="menu2" style="display:none; width:200px; background-color:red;">
<span>Questo è il secondo menu</span>
</div>
<div id="menu3" style="display:none; width:200px;
background-color:green;">
<span>Questo è il terzo menu</span>
</div>

Si, se inserisci onclick direttamente nella immagine oppure aggiungi un href (<immagine/> )
Non ho capito questo.... ciao