Vraag : CSS mouseover en klikt gevolgen

Hallo, hebben/>Please

http://www.elance.com/

You zullen zien dat hun „Begonnen“ knoop heeft 2 gevolgen krijg - wanneer u mouseover het omhoog aansteekt en wanneer u het neer indrukt klikt. Ik veronderstel dit word bereikt door het gebruik van verschillende beelden maar hoe ik dit op mijn eigen website gebruikend css en minimale js heb?

Would als het voor markeringen evenals input buttons

Thanks

Antwoord : CSS mouseover en klikt gevolgen

Hallo hubfub,
Dit zou JS helemaal niet moeten vereisen, heeft het CSS sprites geroepen.
De knoop heeft eigenlijk één enkele achtergrond die de drie gevallen combineert, kunt u het beeld http://www.elance.com/media/images/4.0/buttons/get-started-btn-large-special-spr.png hier zien.

Met eenvoudige CSS die a behandelt: verbinding, a: hang en a: actief kunt u het zelfde effect bereiken.

Probeer het voorbeeld hieronder, heb ik het zelfde te illustreren beeld gebruikt, zou het eenvoudig moeten zijn, maar vereist enkel het nauwkeurige beeld plaatsen.

Juicht toe

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:






De Test van Sprites van de knoop
Andere oplossingen  
 
programming4us programming4us