menù rollover a tendina

[cybergiaggia]

ciao, come faccio a realizzare un menù tipo questo? intendo quello in orizzontale, che quando passi col mouse ti appare unsotto menù...

grazie

[Federix]

Se hai Fireworks lo puoi fare con quello, altrimenti devi studiarti un pò di DHTML e vedere se ti riesce. Guarda la sezione Script di www.html.it, mi sembra di aver visto qualcosa a riguardo.

[kaze]

Un occhiata qui:

http://www.dynamicdrive.com/dynamicindex1/sm/index.htm

[cybergiaggia]

:metallica

[gato]

Non è indispensabile utilizzare fireworks.
A partire dalla versione MX dreamwevaer ha tutto incorporato nei comportamenti.

Io l'ho fatto così

[cybergiaggia]

:master:

...

:master:

ho dato una guardata sia qui che qui ...

la seconda impostazione mi sembra più semplice ma non va con netscape, a meno che non si integri il codice come descritto...

il problema è che a me non va anche con l'integrazione (uso Netscape 7.1)...

questo è il codice che ho inserito nel file menu.js integrando le funzioni Apri() e Chiudi ():

function Apri(conta)
{
if(document.all)
{
var elemento = event.toElement;
var mostra = document.all.sottomenu[conta];
mostra.style.visibility = "visible";
mostra.style.top = 14;
for (i=0; i<quanti; i++)
{
aperto = document.all.sottomenu[i];
menu = document.all.principale[i];
if (i != conta)
{
aperto.style.visibility = "hidden";
}
}
}
if (document.layers)
{
mostra = document.layers[x+1];
mostra.visibility = "show";
mostra.top= 15;
for (i=1; i<=quanti; i++)
{
aperto = document.layers[i];
if (i != (x + 1))
{
aperto.visibility = "hide";
}
}
}
}

function Chiudi()
{
for (i=0; i<quanti; i++)
{
if (document.all)
{
document.all.sottomenu[i].style.visibility = "hidden";
menu = document.all.principale[i];
}
}
if (document.layers)
{
document.layers[i+1].visibility = "hide";
}
}

[cybergiaggia]

nessuno può aiutarmi?
il menù "integrato" mi funziona in IE ma non in netscape...



e poi...
come faccio a rendere linkabili anche le voci del menu principale???
devo intervenire su questo codice???

MENU # 1

ho provato a sostituire ="javascript:void(0)" con "prova.htm" e:

-il link mi funziona ma il testo non risponde più agli stili che ho impostato (a:link {... a:hover {... )

-ma allora a che serve href="javascript:void(0)" ???


bhè, forse ho esagerato... però se qualcuno potesse darmi una mano...

[cybergiaggia]

ma questo thread non interessa proprio a nessuno???