Mauszeiger eine ganze Menge

Mauszeiger

Hier können Sie Ihren Standart-Mauszeiger ändern :

Wir haben hier alle möglichen Mauszeiger aufgelistet:

progress : Zeiger mit Sanduhr
not-allowed : Verboten Symbol
no-drop : Hand mit Verboten Symbol
vertical-text : Vertikales Text Symbol
all-scroll : Scroll Symbol
col-resize : Größe-Horizontal-verändern Symbol
row-resize : Größe-Vertikal-verändern
crosshair : Fadenkreuz
hand : Linksymbol
wait : Sanduhr
help : Fragezeichen
e-resize : Pfeil nach rechts
s-resize : Pfeil nach oben und unten
w-resize : Pfeil nach links
n-resize : Pfeil nach oben
nw-resize : Pfeil nach links oben
ne-resize : Pfeil nach rechts oben
Text : Gerader Strich
Move : Ein Kreuz mit Pfeilen
pointer : Textsymbol
default : Standardwert

Wie Sie sehen , ist das eine ganze Menge, doch wie setzt man das ein?
Ganz einfach, wenn Sie z.B: einen Link besonders deutlich machen wollen:

<a href="link.htm" style="cursor : help;">Klick hier</a>

oder:

<a href="link.htm" style="cursor : not-allowed;">Hier nicht</a>

Sie sehen also, Sie müssen nur den Wert nach dem "cursor : ...."; ändern ;) eigentlich ganz einfach oder?
Man kann aber tolle Sachen damit machen.

Ein zweites Beispiel ist, dass der Mauszeiger auf der gesammten Seite vorgegeben ist:

oder Sie wollen nicht, dass bei einem Button der Mauszeiger wieder zum Pfeil wird:

Normalerweise funktioniert dieser Code bei allen Objekten, die bei Webseiten eingesetzt werden, aber wir können nichts garantieren...

Wenn Sie jetzt für den Cursor ein eigenes Bild verwenden möchten, benutzten Sie folgenden Code:
<a href="#" style="cursor:url('gfx/beispiel.ani');">Link</a>

Hier befindet sich der Cursor im Verzeichnis "gfx".
Achtung !!! Der Cursor muss im *.ani Format sein!