Frage : Css-mouseover und Klickeneffekte

Hallo, haben

Please einen Blick http://www.elance.com/

You sieht, dass ihr „angestellten“ Knopf erhalten hat 2 Effekte - wann Sie mouseover, das es leuchtet und wenn Sie klicken, es unten niederdrücken. Ich voraussetze s, dass dieses durch den Gebrauch von verschiedenen Bildern erzielt, aber wie ich diese allein Web site mit css und minimalen js habe?

Would mögen es für Umbauten sowie Eingang buttons

Thanks

Antwort : Css-mouseover und Klickeneffekte

Hallo hubfub,
Dieses sollte JS nicht überhaupt erfordern, es benannt CSS Sprites.
Der Knopf hat wirklich einen einzelnen Hintergrund, der die drei Fälle kombiniert, Sie kann das Bild http://www.elance.com/media/images/4.0/buttons/get-started-btn-large-special-spr.png hier sehen.

Mit einem einfachen CSS, der a behandelt: Verbindung, a: Schwebeflug und a: Active können Sie den gleichen Effekt erzielen.

Das Beispiel unten versuchen, verwendet ich das gleiche Bild, um zu veranschaulichen, sollte es einfach sein, aber erfordert gerade die genaue Bildpositionierung.

Beifall

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





Knopfsprites-Test




    


Weitere Lösungen  
 
programming4us programming4us