Men¨ che scorre insieme alla pagina

Il menu di un sito, al di là del suo aspetto, èsenza dubbio l'elemento fondamentale per la navigazione eper la ricerca delle risorse messe a disposizione dal sitostesso. Il più grande amico/nemico dei menu èil Dhtml che permette di creare effetti grafici efunzionali non indifferenti. Parlo sia di amico che di nemicoper via di fattori tipo la compatibilità dei browser ela teoria del Web design che implica accorgimenti comela risoluzione e le dimensioni del monitor di un potenzialebrowser.

Detto ciò passiamo all'oggetto di questo Articolo:un menu che scorre insieme alla pagina all'atto delloscroll e rimane quindi sempre evidente ed utilizzabile!

Abbiamo bisogno di un layer posizionato in modalitàassoluta a cui assegneremo l'identificativo menu edi uno script Javascript che fa tutto il resto. Alcaricamento ed al decaricamento della pagina lanciamo le duefunzioni che servono per il corretto funzionamento del menu,ovvero MyMenu() che lo inizializza e Stop() chene controlla il flusso.

Di seguito il codice completo, senza bisogno di commenti!

 

<html>    <head>  <title>Menu che scorre insieme alla pagina</title>  <script language="javascript"><!--    var timer = 0;    function MyMenu()    {  document.getElementById('menu').style.pixelTop = document.body.scrollTop;  timer = setTimeout("MyMenu()" , 1);    }    function Stop()    {  clearTimeout(timer);    }//-->  </script>    </head><body onload="MyMenu()" onunload="Stop()"><div id="menu" style="position: Absolute;">    <b>Menu</b><br>    <a href="http://www.lukeonweb.net">lukeonweb.net</a><br>    <a href="http://www.ducatidreams.net">Ducati Dreams Club</a><br>    <a href="http://www.mrwebmaster.it">MR Webmaster</a><br></div><p align="center">Scorri la pagina</p><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></body></html>

 



Ti potrebbe interessare anche

commenta la notizia