Come si sostituisce, al click, il pulsante normale con quello premuto?

Buona serata a tutti.

Vi sarei grato se qualcuno potesse aiutarmi.
Io ho creato dei pulsanti personalizzati, che portano a dei link.
Non so come devo fare perchè l'immagine del pulsante non premuto(img1), venga sostituita con quella del pulsante premuto (img2) (che ho creato a parte), quando si clicca con il mouse.

Grazie in anticipo
Ronny

Ci sono molti modi per realizzarlo.

Alcuni [come FFZ] usano l'attributi
"onmouseover" (quando il puntatore va sopra il tuo elemento)
"onclick" (quando clicchi con il mouse)
[ecc...]
all'interno dei tag, ma alcuni sono deprecati dagli standard

La soluzione ottimale in questi casi è ovviamente usare il CSS Guida

per esempio potresti definire un link (o un qualsiasi altro elemento dell'html) come segue

<a id="pulsante"></a>

e poi definirti le regole di stile in questo modo

/* Regola abituale per il tuo pulsante */
#pulsante {
background-image: url(immagine_fissa.png);
}

/* Regola per il tuo passaggio del mouse */

#pulsante:hover {
background-image: url(immagine_sostitutiva.png);
}

le altre pseudo-classi che il css fornisce per i link sono:

:link
:visited
:active

Ti consiglio vivamente di dare un'occhiata al manuale che ti ho messo in alto se non hai basi di css

un'ultimo consiglio... queste pseudoclassi è meglio dichiararle nell'ordine L V H A



Modificato da S6uRoN 28/11/2005 15.20