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.

<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>

JavaScript: Menù lampeggiante

About

Menù