Come si crea quest'effetto?

Salve,

vi chiedo se gentilmente qualcuno più esperto mi me potrebbe dirmi come si crea questo effetto.
Precisamente intendo quello che si attiva passando il puntatore sui link principali(Solutions,Products,ecc...)

Possibilmente entro oggi,è urgente.

Ciao

si chiama rollover e si ottiene con lo javascript in pratica come passi il mouse sopra quella immagine lui ne carica un altra

[Ospite]

Così a occhio mi sembra fatto coi css attribuendo sfondo e bordo diverso agli elementi a e a:hover.

Un esempio potrebbe essere:

a {
background-color: #000000;
border: 1px solid #FFFFFF;
color: #FFFFFF;
}

a:hover {
background-color: #FFFFFF;
border: 1px solid #000000;
color: #000000;
}

Zau!

Questo codice va messo tra Head e /Head ?

[funcool]

Sì, tra i tag head ma anche tra i tag style.

<style type="text/css">
a {
background-color: #000000;
border: 1px solid #FFFFFF;
color: #FFFFFF;
}

a:hover {
background-color: #FFFFFF;
border: 1px solid #000000;
color: #000000;
}
</style>

Ho inserito il tag style,però c'è il problema che quell'effetto appare in tutti i link della pagina.
Non c'è un modo per far funzionare questo effetto solo in Link precisi?
Cioè io vorrei che solo i Link in alto(disposti in orizzontale),abbiano quetso effetto,mentre tutti gli altri sono normali Link.

Ciao

[Leo91]

Ho inserito il tag style,però c'è il problema che quell'effetto appare in tutti i link della pagina.
Non c'è un modo per far funzionare questo effetto solo in Link precisi?
Cioè io vorrei che solo i Link in alto(disposti in orizzontale),abbiano quetso effetto,mentre tutti gli altri sono normali Link.

Ciao

Si devi mettere ai links che vuoi quell'effetto l'attributo class (o id) e modificare il codice css così:

<style type="text/css">
a.menu {
background-color: #000000;
border: 1px solid #FFFFFF;
color: #FFFFFF;
}

a.menu:hover {
background-color: #FFFFFF;
border: 1px solid #000000;
color: #000000;
}
</style>

E i links interessati:

<a class="menu" href="pagina.html">Scritta</a>

[funcool]

Si devi mettere ai links che vuoi quell'effetto l'attributo class (o id)

Piccola correzione: se i link sono più di uno devi usare per forza class.

[Leo91]

Piccola correzione: se i link sono più di uno devi usare per forza class.

Verissimo!

E se vuoi addirittura che quando ci passi sopra compaia il testo della pagina, come nella pagina che hai linkato, basta che pasticci con l'attributo visibility:hidden; sempre nel CSS ma relativo all contenuto della pagina

E se si vuole riprodurre un suono quando si ci passa il mouse???

[Leo91]

E se si vuole riprodurre un suono quando si ci passa il mouse???

Guarda che il CSS gestisce anche i suoni...

ok
grz

Pietrovischia,
non ho capito bene cosa intendi con "Compaia il testo della pagina..."