Menu espandibile ad albero

Menu espandibile ad albero

Traduci questa paginaMicrosoft® Translator

Passa il Mouse all'interno della finestra per selezionare lo script quindi "CTRL+C" (copia) mettete il cursore dove volete inserire Javascript nella vostra pagina Web, andate nel codice html e fate "CTRL+V" (incolla) dove vedete il cursore lampeggiante.




Questo sotto un esempio:	a 1 Livello " Newws" ed "Webmaster" a 2 Livelli " Nested Example"
News CNN ABC News BBC News Webmaster Dynamic Drive JavaScript Kit GraficAugusto Nested Example outer 1 outer 2 Nested nested 1 nested 2 outer 3 outer 4

Trasferire il tutto nella vostra pagina web, in questo caso all'interno dei tags: <Head> </Head>

<style>  </style> <script language="JavaScript1.2">  </script>

Trasferire il tutto nella vostra pagina web, in questo caso all'interno dei tags: <Body> </Body>

<font face="Verdana"> <ul> <li id="foldheader">News</li> <ul id="foldinglist" style="display:none" style=&{head};> <li><a href="#">CNN</a></li> <li><a href="#">ABC News</a></li> <li><a href="#">BBC News</a></li> </ul> <li id="foldheader">Webmaster</li> <ul id="foldinglist" style="display:none" style=&{head};> <li><a href="#">Dynamic Drive</a></li> <li><a href="#">JavaScript Kit</a></li> <li><a href="http://www.reaficaugusto.org">Grafica Augusto</a></li> </ul> <li id="foldheader">Nested Example</li> <ul id="foldinglist" style="display:none" style=&{head};> <li><a href="#">outer 1</a></li> <li><a href="#">outer 2</a></li> <li id="foldheader">Nested</li> <ul id="foldinglist" style="display:none" style=&{head};> <li><a href="#">nested 1</a></li> <li><a href="#">nested 2</a></li> </ul> <li><a href="#">outer 3</a></li> <li><a href="#">outer 4</a></li> </ul> </ul> </font>

Copiatevi queste tre immagini grafiche

che salverete nella stessa cartella dove avete messo lo script. Non vi resta che seguire la falsa riga del codice html inserito in body modificando e aggiungendo i vostri links al posto di quelli esistenti.