Homepagebau
Dateiversion:
diesen Beitrag diskutieren,
ergänzen, eine Frage stellen
Menü einblenden
 

Cursor

 

Es gibt die Möglichkeit, mit CSS das Aussehen des Cursors zu beeinflussen, wenn er auf ein bestimmtes Element zeigt.

Syntax:

TAG { cursor: [WERT]; }

Gültige Werte für "cursor" sind:

auto (zurücksetzen) - überlässt dem Browser die Entscheidung
default normale Auswahl (Standardcursor)
crosshair Präzisionsauswahl (Fadenkreuz)
pointer Verknüpfungsauswahl (wie HTML-Link)
help Hilfeauswahl
text Textauswahl (Textcursor)
wait Hintergrundaktivität (interessant für JavaScripts und Applets)

Verschieben und Größe ändern (Pfeile):

move verschieben (Pfeilkreuz)
n-resize
s-resize
senkrecht
e-resize
w-resize
waagerecht
ne-resize
sw-resize
diagonal: rechts oben - links unten
nw-resize
se-resize
diagonal: links oben - rechts unten

eigener Cursor (aus Datei):

url ('...') URL einer statischen oder animierten Cursordatei (*.cur oder *.ani)

Beispiel:

Bemerkung:

"A" ist der Tag für Links und
"hilfe" ist eine CSS-Klasse,
die sie explizit als Attribut
CLASS="hilfe" ihren Links geben müssen.

Angenommen sie möchten eine Online-Hilfe anbieten und alle Links dieser Art sollen bei Berührung statt den gewöhnlichen Link- einen Hilfecursor anzeigen:

A.hilfe { cursor: help }

Wenn sie lieber eine eigene Datei - z.Bsp. "help.cur" - einbinden wollen, sieht dass so aus:

A.hilfe { cursor: url ('http://www.mein-provider.com/meineHomepage/help.cur') }