PDA

View Full Version : [java]rollover colore e onmouseover menų tendina


Jif
19-07-2006, 11:15
Salve a tutti.
Ho un problema.
Sto creando un blog per un cliente, e mi ha chiesto due cose che non riesco a fare.
Una č creare l'effetto rollover del colore come nel menų di logopond.com (http://logopond.com) e vuole che allo stesso tempo, passando col mouse sul nome di una sezione scenda gių un menų a tendina.

quindi č un casino e non so come fare.
spero sia possibile e non crei problemi

andbin
19-07-2006, 11:40
Una č creare l'effetto rollover del colore come nel menų di logopond.com (http://logopond.com)Questo non č molto difficile. In quel sito l'effetto di "colorazione" dei "tab" č fatto cambiando il background del "tab" e, cosa molto importante, viene fatto senza usare alcun linguaggio di scripting ma solamente usando i CSS.

Guarda questa immagine: http://logopond.com/img/nav-tabs.jpg.
Come vedi l'immagine contiene i 3 tipi di "tab" messi uno sopra l'altro.

Quei "tab" sono degli anchor <a> con dimensione fissa.

Nel caso del "tab" normale viene impostato nel CSS:
background: url('../img/nav-tabs.jpg') no-repeat 0 -60px;

Nel caso di "tab" evidenziato, viene impostato nel CSS:
background-position: 0 -30px;

Nel caso del "tab" corrente, viene impostato nel CSS:
background-position: 0 0;

Jif
19-07-2006, 11:51
Ah capito, grazie.
Invece per quanto riguarda in java, come si fa?

andbin
19-07-2006, 12:08
Ah capito, grazie.
Invece per quanto riguarda in java, come si fa?Innanzitutto Javascript, non Java. Sono due cose moooolto diverse.
Tu quindi vorresti fare quell'effetto dei tab in Javascript?? Su quel sito le scritte sui tab come HOME, GALLERY, USERS sono scritte testuali contenute nell'anchor <a>. Solo lo sfondo cambia tramite i CSS. Farlo in Javascript credo che sia anche fattibile ma sarebbe decisamente meno semplice rispetto all'uso dei CSS! ;)

Per quanto riguarda i menų a tendina ... dipende. Non c'č un unico modo di fare i menų a tendina. Tutto dipende da come sono strutturati dal punto di vista del codice HTML, da cosa devono contenere e dal tipo di posizionamento che si vuole ottenere. Ti consiglio di fare qualche ricerca ...