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

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') }

Autor: Thomas Meyer

Home: www.All-Community.de

Kontakt: