WebLink - Tutto per la costruzione delle tue pagine web

Menu espandibile ad albero stile gestione risorse.

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

Descrizione: Un men� stile gestione risorse su pi� livelli, molto facile da configurare e compatibile con tutti i tipi di browser.

Questo sotto un esempio:

Grafica Web

Webmaster

Esempio due livelli

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

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

<font face="Verdana"> <ul> <li id="foldheader">News</li> <ul id="foldinglist" style="display:none" style=&{head};> <li><a href="http://www.cnn.com">CNN</a></li> <li><a href="http://www.abcnews.com">ABC News</a></li> <li><a href="http://www.news.bbc.co.uk">BBC News</a></li> </ul> <li id="foldheader">Webmaster</li> <ul id="foldinglist" style="display:none" style=&{head};> <li><a href="http://www.dynamicdrive.com">Dynamic Drive</a></li> <li><a href="http://www.javascriptkit.com">JavaScript Kit</a></li> <li><a href="http://www.web-link.it">Web-Link.it</a></li> </ul> <li id="foldheader">Nested Example</li> <ul id="foldinglist" style="display:none" style=&{head};> <li><a href="http://www.dynamicdrive.com">outer 1</a></li> <li><a href="http://www.dynamicdrive.com">outer 2</a></li> <li id="foldheader">Nested</li> <ul id="foldinglist" style="display:none" style=&{head};> <li><a href="http://www.dynamicdrive.com">nested 1</a></li> <li><a href="http://www.dynamicdrive.com">nested 2</a></li> </ul> <li><a href="http://www.dynamicdrive.com">outer 3</a></li> <li><a href="http://www.dynamicdrive.com">outer 4</a></li> </ul> </ul> </font>

Note : Copiatevi queste tre immagini grafiche che salverete nella stessa cartella dove avete messo lo script. Non viresta che seguire la falsa riga del codice html inserito in body modificando e aggiungendo i vostri links al posto di quelli esistenti.

Elenco completo degli script.

Puoi lasciarmi un msg, un suggerimento, una critica, un link.