Il sito per imparare gratuitamente a fare pagine Web

JavaScript M3
















M3 - Menu Switch espandibile ad albero, stile gestione risorse.


Funziona con il Browser:  Firefox firefox   Safari Safari   Opera opera   IE internet explorer   Chr Chrome

Crediti: Dynamic Drive
Name: Martial B
Website: http://www.dynamicdrive.com

Descrizione: Un men¨ stile gestione risorse su un solo livello, molto facile da configurare si ricorda di blocco Ŕ stato visitato per ultimo e lasciato aperto. PossibilitÓ di usare anche delle immagini grafiche al posto dei rettangoli disegnati dai CSS.

Questo sotto un esempio:




Passo 1 :

Selezionare tutto il codice cliccando sulla forbice, quindi posizionatevi sul testo evidenziato, adoperate il tasto destro del mouse per l'operazione di copia ed incolla, non vi rimane che trasferire il tutto nel punto preciso della vostra pagina web, in questo caso fra i tags: <head> e </head>.

seleziona tutto




Passo 2 :

Selezionare tutto il codice cliccando sulla forbice, quindi posizionatevi sul testo evidenziato, adoperate il tasto destro del mouse per l'operazione di copia ed incolla, non vi rimane che trasferire il tutto nel punto preciso della vostra pagina web, in questo caso fra i tags: <body> e </body>.

seleziona tutto




Note : E' possibile cambiare il colore, le dimensioni dei blocchi o il loro bordo, agendo sui parametri dello style:

background-color:#ffcc33; Colore del rettangolo

color:#000000; colore della scritta sul rettangolo

width:120px; larghezza in pixel del rettangolo

text-align:center; Allineamento della scritta nel rettangolo

font-weight:bold; Font della scritta nel rettangolo

border:1px solid #009900; Bordo e colore del rettangolo

Volendo aggiungere altre voci al men¨ si dovrÓ procedere sulla stessa falsa riga di quelle giÓ inserite, praticamente Ŕ sufficiente copiare il blocco precedente incrementando di uno il numero

SwitchMenu('sub6')">
span class="submenu" id="sub6">





Valutazione

Valutazione: 2.42 stelle su 5
N. Voti: (60)



  Elenco completo degli script.



Se avete domande da fare potete scrivere sul forum di supporto , gratuito e aperto a tutti.