Cursor
Der Corsor nimmt je nach Mausbewegung oder Untergrund unterschiedliche Formen an, die Auswahlmarke wird zur Hand, zum Pfeil oder zur Sanduhr; alle Formänderungen kann ich auch erzwingen.
Den Mauszeiger ändern
cursor:
Drei Beispiele:
- Der Mauszeiger zeigt sich hier auf dieser Seite generell als Kreuz.
- Der Mauszeiger verwandelt sich über Links der Klasse hilfe in ein Fragezeichen.
Fragezeichen - Der Mauszeiger verwandelt sich über diesem Link in eine Uhr.
Sanduhr
Das Script dazu sieht so aus:
<style type="text/css">
body {cursor:crosshair;}
a.hilfe {cursor:help;}
</style>
<a href="#" style="cursor:wait">Sanduhr</a>
Liste aller möglichen Zeigerarten:
cursor:auto (uses what is set by user)
cursor:default (cursor remains as it is)
cursor:crosshair (should produce a cross)
cursor:hand (the traditional pointing hand)
cursor:pointer (that hand again)
cursor:help (a Question Mark)
cursor:text (looks like the end of an I-beam)
cursor:wait (an hourglass)
cursor:move (a cross with arrows on the tips)
cursor:n-resize (an arrow pointing north or up)
cursor:ne-resize (an arrow pointing northeast)
cursor:e-resize (arrow pointing right)
cursor:se-resize (an arrow pointing southeast)
cursor:s-resize (an arrow pointing south or down)
cursor:sw-resize (an arrow pointing southwest)
cursor:w-resize (an arrow pointing west)
cursor:nw-resize (an arrow pointing northwest)
Check den Code.