Eigene Mauszeiger in Homepage einbinden

Befehle, Beispiel, Wirkungsweisen, Einbindung, Erstellung von Mauszeigern

Um einen eigenen Cursor auf deine Page zu bekommen suchst du dir eine *.cur oder eine *.ani Datei aus überträgst sie auf den Server deiner Page und fügst sie mittels folgender Tags in deine Seite ein:  <... style="cursor: url("http://deineDomaine/cursor.cur")</...> (.../cursor.ani) gilt hier nur für einen bestimmten Bereich.
Soll der Cursor jedoch für die gesamte Seite gelten, schreibst du folgende CSS Anweisung in den Head - Bereich deiner Seite:
<style type="text/css" rel="stylesheet">
BODY {
cursor: url("http://deineDomaine/cursor.ani")

</style>.

Einbindung IE Standartcursor (siehe unten): <... style="cursor: crosshair">Ihr Text</...>


Überfahren sie die Wirkungsbeschreibung mit der Mouse.
 Wird nicht von allen Browser unterstützt oder nur zum Teil. 

Parameter Wirkung
auto Standarteinstellung
default normaler Mousezeiger
hand Hand
pointer Zeiger
text textzeiger
wait Sanduhr
move Kreuz Doppelpfeile
crosshair Fadenkreuz
n-resize Pfeil nach oben
ne-resize Pfeil nach rechts oben
e-resize Pfeil nach rechts
se-resize Pfeil nach rechts unten
s-resize Pfeil nach unten
sw-resize Pfeil nach links unten
w-resize Pfeil nach links
nw-resize Pfeil nach links oben
help Zeiger zur Hilfe
progress (IE 6) Pfeil mit Sanduhr
not-allowed (IE 6) durchgestrichener Kreis
no-drop (IE 6) Hier anschauen
vertical-text ( IE 6) wie text nur vertikal
all-scroll (IE 6) Pfeile in alle 4 Richtungen mit Kreis in der Mitte
col-resize ( IE 6) links und rechts Pfeil mit zwei Mittellinien
row-resize ( IE 6) Pfeil nach oben und Unten mit zwei Mittellinien

Links zu Cur und Ani - dateien :


        

© 2003-2006 published by Rene Bader