JavaScript: Menù lampeggiante
Ecco il codice per creare un menù i cui link cambiano immagine al passaggio del mouse.
Per prima cosa bisogna copiare le funzioni principali tra i tag head della pagina.
Poi bisogna far caricare le immagini che verranno visualizzate al passaggio del mouse in mondo che vengano visualizzate subito. Quindi si modificherà il tag [i]body in questo modo:
Adesso basterà inserire i link nella pagina in questo modo:
Per prima cosa bisogna copiare le funzioni principali tra i tag head della pagina.
<script type="text/javascript">
function MM_preloadImages(){
var d = document;
if(d.images){
if(!d.MM_p)
d.MM_p = new Array();
var i,j = d.MM_p.length, a = MM_preloadImages.arguments;
for(i=0;i<a.length;i++)
if(a<em>.indexOf("#")!=0){
d.MM_p[j] = new Image;
d.MM_p[j++].src = a[i];
}
}
}
function LinkOver(elemento,img){
document.getElementById(elemento).src = img;
}
</script>Poi bisogna far caricare le immagini che verranno visualizzate al passaggio del mouse in mondo che vengano visualizzate subito. Quindi si modificherà il tag [i]body in questo modo:
<body onload="MM_preloadImages('immagine1over.gif','immagine2over.jpg','immagine3over.png');">Adesso basterà inserire i link nella pagina in questo modo:
<a href="pagina.html" onmouseover="LinkOver('idimmagine','immagine1over.gif');" onmouseout="LinkOver('idimmagine','immagine1.gif');"><img src="immagine1.gif" id="idimmagine" alt="Descrizione immagine" /></a>Guida scritta da Mattia il 08/11/2006.