Menù apribile

**[_Kilckk_]** · 27-07-2003, 03:29

Mi dite per favore come faccio a realizzare un menù come questo???

http://vademecum.aruba.it/main/brutticani.htm

Grazie per il vostro aiuto.

**Gallo_Teo** · 27-07-2003, 08:22

devi usare i livelli.
nel rollover dell'immagine mostri e nascondi un livello che al suo interno avrà la classica tabellina htm con i vari link.

**[_Kilckk_]** · 27-07-2003, 22:01

Scusa, ma non credo di aver capito.

Non me lo potresti spiegare meglio???? Grazie.

**[_Kilckk_]** · 28-07-2003, 18:19

Help

**Andre00** · 28-07-2003, 20:49

Definisci il primo livello con il Tag div

<div id="level1" style="position:absolute;visibility:hidden;z-index:1"

// zindex definisce il livello su cui vuoi lavorare 0 più basso 10 più alto.Ciò che descrivi nel livello 10 andrà sopra a ciò che sta nel livello 1 //

inserisci la tabella che sarebbe attualmente è nascosta
<table>

.....

</table>
</div>

poi definisci la seconda tabella che sarà quella visibile e che conterrà le voci primarie del menu.

<div id="level2" style="position:absolute;visibility:hidden;z-index:1">

//le ho messe nello stesso livello ma con nomi diversi//

poi la tabella
<table>
<tr>
<td>

CIAO onmouseover="attivamenu()" </p></td>
</tr>
</table>
</div>

nell'head della pagina definisci una funzione javascript

function attivamenu() {

document.getElementById('level1').style.visibility ="visible";
}

al passaggio del mouse sulla scritta ciao si si renderà visibile la seconda tabella che conterra i link che vorrai e all'utente il tutto appare come un menu

CIAO!!

**[_Kilckk_]** · 29-07-2003, 23:15

Non funziona

Ho realizzato questa pagina

<html>

<script language="JavaScript" type="text/JavaScript">
function attivamenu() {

document.getElementById('level1').style.visibility ="visible";
}
</script>

<div id="level1" style="position:absolute;visibility:hidden;z-index:1"

<table>

.....

</table>
</div>

<div id="level2" style="position:absolute;visibility:hidden;z-index:1">

<table>
<tr>
<td>

CIAO onmouseover="attivamenu()" </p></td>
</tr>
</table>
</div>

</html>

Ma niente

Grazie per la vostra santa pazienza

**Mich_** · 30-07-2003, 08:53

Questo e` sbagliato:

CIAO onmouseover="attivamenu()" </p>

Sostituiscilo con questo:

CIAO </p>

PS. Dovrebbe iniziare a funzionare, ma occorrono altre modifiche per renderlo funzionale!!

Ciao
Michele

Discussione: Menù apribile

Strumenti discussione

Ricerca discussione

Visualizza

Menù apribile

LIvelli

Permessi di invio