Menu dinamici su webfract

HOME

GUIDA HTML

MENU CHE SI ANIMA AL PASSAGGIO DEL MOUSE

PRIMO ESEMPIO - pagina 5

Segue il codice da scaricare per provare il menu presentato a pagina 1. Se ci sono problemi, scrivete!

STILE

- Da inserire nell'intestazione della pagina

SCRIPT

- Da inserire nell'intestazione della pagina

<script>
/* Ti preghiamo di lasciare queste righe
* Visita http://www.webfract/it per spiegazioni ed altri esempi
*/
function cambia(n){
sfondo= new Array('','bu.gif','logoGuida.gif','logoJava.jpg','logoTarta.gif','emaila1.gif')
colori= new Array('navy','#BF788B','#B380B7','#B380B7','#4D61E3','#BC6467')

var x=document.getElementById('Menu').rows
    var riga1=x[0].cells
    for (i=0;i<riga1.length;i++){
      if (i==n-1){
      riga1[i].style.width = "28%";
      riga1[i].style.color = colori[n];
      riga1[i].style.letterSpacing = "2"
      riga1[i].style.background='url(' + sfondo[n] +') center right no-repeat'
      riga1[i].style.borderRightWidth='1px'
      }
    else {
       riga1[i].style.width = "18%";
       riga1[i].style.background=sfondo[0];
       riga1[i].style.borderRightWidth='0px'
       riga1[i].style.color = colori[0];
       riga1[i].style.letterSpacing = "1"
    }
    }
}
function aggiorna(){
    var x=document.getElementById('Menu').rows
    var riga1=x[0].cells
     for (i=0;i < riga1.length;i++){
       riga1[i].style.width = "20%";
       riga1[i].style.background='';
       riga1[i].style.borderRightWidth='0px'
       riga1[i].style.color = colori[0];
       riga1[i].style.letterSpacing = "1"
    }
}

</script>

Scarica le immagini e ricorda di inserirle nella stessa cartella del menu.

CODICE PER IL MENU

- Da inserire nel corpo della pagina

PRIMO ESEMPIO Pagina 1 2 3 4 5 SECONDO ESEMPIO Pagina 1 2 3 4 Indice

©2010 www.webfract.it