CSS – über einem Link den Mauszeiger ändern
Skill 2
Wenn Sie möchten, dass sich der Mauszeiger über einem Link auf Ihrer Website ändert, ist dies einfach mit CSS zu realisieren:
Fügen Sie einfach im <head>-Bereich der betroffenen Seite folgenden Code ein:
a.extralink { cursor: pointer }
Einen Link im <body>-Bereich Ihrer Seite müssen Sie dann nur noch mit der ensprechenden Klasse ergänzen. Also in unserem Fall z.B.:
Ein Link
Folgende Zeigerformen sind verfügbar:
- normaler Mauszeiger
default - Hand
auto - Textzeiger
text - Zeiger
pointer - Sanduhr
wait - Fragezeichenzeiger
help - Pfeil in Richtung Norden
n-resize - Fadenkreuz
crosshair - Kreuz mit Pfeilen
move - Pfeil in Richtung Nord-Osten
ne-resize - Pfeil in Richtung Osten
e-resize - Pfeil in Richtung Süd-Osten
se-resize - Pfeil in Richtung Süden
s-resize - Pfeil in Richtung Süd-Westen
sw-resize - Pfeil in Richtung Westen
w-resize - Pfeil in Richtung Nord-Westen
nw-resize
