Sie befinden sich hier: verschiedene mauszeiger

Verschiedene Mauszeiger (cursor ) mit Css realisieren.

Peppen Sie Ihre Homepage mit originellen Mauszeigern auf.

Mit Css haben Sie die Möglichkeit dem Standart Mauszeiger ein anderes Aussehen  zu verpassen.  Realisiert wird dies über das Cursor Tag, so kann z.B. bei einem Hilfelink ein Fragezeichen erscheinen. Oder Sie verwenden eigene Grafiken als Mauszeiger die Datei sollte GIF oder JPG sein. Zu beachten ist, dass nicht alle Mauszeiger in allen Browsern dargestellt werden. Der Curser Befehl kann auf die verschiedensten HTML-Elemente angewandt werden z.B. auf Überschriften, Bilder, Absätze oder auch den Body.

Folgende Cursor-Befehle sind erlaubt.

Einfach mit der Maus über die Links fahren.

auto = automatischer Cursor wird vom System eingestellt.
default = Plattformunabhängig Standard-Cursor.
crosshair = Cursor in Form eines Fadenkreuzes.
pointer = Cursor in Form eines Zeigers.
move = Cursor der anzeigt, dass ein Objekt bewegt werden kann.
n-resize = Pfeil nach oben (n = Norden).
ne-resize = Pfeil nach rechts (ne = Nordost).
e-resize = Pfeil nach rechts (e = Osten).
se-resize = Pfeil nach rechts unten (se = Südost).
s-resize = Pfeil nach unten (s = Süden).
sw-resize = Pfei nach links unten (sw = Südwest).
w-resize = Pfeil nach links (w = Westen).
nw-resize = Pfeil nach links oben (nw = Nordwest).
text = Textcursor.
wait = Cursor in Form eines Symbols, das einen Wartezustand signalisiert.
help = Cursor in Form eines Fragezeichens, das Hilfe zu dem Element signalisiert.

Mit dem Befehl cursor:url(Ihre Datei.gif)
können Sie eigene Grafiken als Mauszeiger definieren.
Beachten Sie, dass die Angabe einer externen Grafik nicht von allen Browsern unterstützt wird. Fügen Sie zur Grafikangabe auch eine Alternative in Form einer Standardangabe in den Code ein. Trennen Sie die einzelnen Angaben durch ein Komma, Beispiel: cursor:url(Ihre Datei.gif), crosshair;

Nicht alle Browser und Betriebssysteme unterstützen alle Grafikformate. Folgende Formate sollten Sie ausprobieren: (Ihre Datei.cur), (Ihre Datei.ani), (Ihre Datei.gif)
Fahren Sie mit der Maus über untenstehende Testlinks; auf meinem Rechner wird die Grafik nur im Firefox-Browser richtig dargestellt.

style="cursor:url(img/mauszeiger.cur), crosshair;"

style=cursor:url(img/mauszeiger.ani), crosshair;

style=cursor:url(img/mauszeiger.gif), crosshair;