Menu e subMenu orizzontale semplice?

[99caos]

esiste un modo per non ricorrere ai js per fare un menu che al passaggio del mouse su una voce cambia i link presenti in un sottomenu?

questo è l' xHtml:

<div id="topMenu">
<ul>
<li id="activelink">Chi Siamo[*]Servizi[*]Noleggi[*]Contatti[/list]
</div>

[...]

<div id="mainMenu">
<ul>
<li id="active">Origini[*]L'azienda[*]Lo staff[/list]
</div>

e questo è il Css:

#topMenu {
     width: 350px;
     margin: 0px;
     padding: 0px;
     margin-left: auto;
     padding-top: 65px;
     text-transform: lowercase;
     overflow: hidden;
}
#topMenu ul {
     margin: 0px;
     padding: 0px;
     list-style-type: none;
}
#topMenu li {
     float: right;
     margin:0;
     padding: 0;
}
#topMenu a {
     display: block;
     width: 70px;
     line-height: 23px;
     text-decoration: none;
     text-indent: 10px;
     font-size: 12px;
     text-indent: 10px;
     border-left: #fc0 solid 1px;
}

#mainMenu {
     width: 100%;
     height: 26px;
     background: url(img/rBar2.png) repeat-x;
}
#mainMenu ul {
     margin: 0px;
     padding: 0px;
     list-style-type: none;
}
#mainMenu li {
     float: left;
     margin: 0;
     padding: 0;
}
#mainMenu a {
     display: block;
     width: 70px;
     line-height: 26px;
     text-decoration: none;
     text-indent: 10px;
     font-size: 12px;
     text-indent: 10px;
     color: #fc0;
}

sono entrambi menu orizzontali, vorrei che al passaggio del mouse su una voce del primo menù (tipo chi siamo), si visualizzino nel secondo menu quelle voci inerenti la sezione di sopra...

ho dato un occhio ai Js in circolazione ma fanno tutte cose molto complicate... a me serve solo una funzione che faccia hide e un-hide

suggerimenti?

[stiffa]

un minimo di javascript lo devi usare poiche devi nascondere o evidenziare i contenuti della tua lista ordinata.
cmq in rete trovi tanti script. E se conti che ti serve solo includere lo script, non e' molto complicato.

Il problema potrebbe sorgere quando vuoi mettere mano allo script per fare eventuali modifiche....in quel caso chiedi nuovamente semmai....

ti metto qualche link utile...

http://phrogz.net/JS/Tabtastic/index.html#overview

http://webfx.eae.net/dhtml/tabpane/demo.html

http://simplythebest.net/scripts/DHT...script_16.html

http://www.gdesign.it/pages/howto/ar...ss/slidcss.php


Non credo che senza js lo si possa fare....

[Xinod]

Originariamente inviato da stiffa
Non credo che senza js lo si possa fare....

volendo...
http://www.cssplay.co.uk/menus/dd_valid_2.html