ciao!
sono quasi riuscito ad ultimare un menù a tendina orizzontale, sfruttando un semplice js che ho trovato in rete, che va ad impostare la visibilità di alcuni box, che contengono i vari submenu.
questo lo script:
<script language="javascript">
<!--
function apri(m)
{
document.getElementById(m).style.visibility = "Visible";
}
function chiudi(m)
{
document.getElementById(m).style.visibility = "Hidden";
}
//-->
</script>
ho suddiviso il menù un tanti <div> (non so se è la soluzione migliore però) in modo da risolvere il posizionamento del sub menu sotto al link interessato.
<DIV CLASS=chitarra onmouseover="apri('a')" onmouseout="chiudi('a')">
CHITARRA
|
<div class="menu-t" id="a">
[*]AS - Attivi
[*]PS - Passivi
</div>
</DIV>
... ... etc etc per tutto il menu
la class "chitarra" da la posizione in orizzontale
la class "linkchiuso" serve per non visualizzare la manina sul link
dal css, questa la struttura di "menu-t"
.menu-t {
position:relative;
visibility: Hidden;
background-color: #DDDDDD;
font: Normal 12px Verdana;
width:auto!important;
border: Solid 1px #444444;
border-top:none;
/* margini dal testo principale*/
margin-top:2px;
margin-left:0px;
/* parametri testo */
padding-left:2px;
line-height:18px;
/* livello */
z-index:2;
}
ora...
funziona tutto a dovere, ma vorrei visualizzarlo passando solo sul testo (in questo modo, passando con il mouse dove c'è la box nascosta, viene visualizzata)
ho fatto delle prove assegnando al testo l'apertura e la chiusura della box, ma così non riesco a "navigarci" in quanto appena esco dal link la box scompare.
dove posso lavorarci su???
oppure è meglio cambiare completamente metodo?
Rispondi quotando
