|
Mauszeiger
Wenn Sie auf Ihrer Homepage nicht immer nur den Standard-Mauszeiger
sehen wollen, können Sie diesen hiermit ändern.
Die möglichen Mauszeiger als Liste:
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 deutlichen machen
wollen:
<a href="http://www.more4webmaster.de/" style="cursor : help;">Klick hier</a>
Beispiel: Klick hier
oder:
<a href="http://www.more4webmaster.de/" style="cursor : not-allowed;">Hier nicht</a>
Beispiel: Hier nicht
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 anderes Beispiel ist, dass der Mauszeiger auf der gesamten Seite
vorgegeben ist:
<body style="cursor : crosshair;">
oder Sie wollen nicht, das bei einem Button der Mauszeiger wieder zum Pfeil wird:
<input type="button" value="faq" style="cursor : help;">
Normalerweise funktioniert dieser Code bei allen Objekten, die bei Webseiten eingesetzt werden, aber ich kann nichts garantieren...
Wenn Sie jetzt für den Cursor ein eigenes Bild verwenden
wollen, benutzen Sie einfach den 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!
Dieser Workshop ist ein Service von more4webmaster.de
Für Hilfe und mehr besuchen Sie unser more4webmaster.com Board
|
