CSS / Mauszeiger [IE|M|O|G]

von: Werner Zenk

Auch der Mauszeiger (Cursor) kann verändert werden.
Der Code kann auf alle Elemente, egal ob Tabellen, Links, Grafiken,
Textblöcke oder eine ganze Seite angewendet werden.

Beispiel für Text:
<p style="cursor: help;"> Beispieltext </p>

Attribute	Bedeutung	Beispiel
crosshair	Fadenkreuz
pointer	Handsymbol
wait	Sanduhr
progress	Zeiger u. Sanduhr
help	Fragezeichen
e-resize	Pfeil - rechts
w-resize	Pfeil - links
n-resize	Pfeil - oben
nw-resize	Pfeil - links oben
ne-resize	Pfeil - rechts oben
text	Gerader Strich
move	Kreuz mit Pfeilen
default	Standard
not-allowed	Nicht Erlaubt!
no-drop
vertical-text	Vertikales Text-Symbol
all-scroll
col-resize
row-resize
cell
none
alias
copy
-moz-grab	(Firefox)
-moz-grabbing	(Firefox)
-moz-zoom-in	(Firefox)
-moz-zoom-out	(Firefox)
url('cursor.cur')	Beliebiger Cursor

Das Attribut „hand” wird nur vom I.Explorer und Opera unterstützt!
Verwenden Sie statt dessen das Attribut „pointer”.

Ab der Browserversion 6 des Internet Explorer, und Firefox 3.5 lassen sich auch
andere beliebige Cursor (Mauszeiger) auf der Webseite anzeigen.
Der Cursor muss im Format .cur oder .ani vorliegen.

<style type="text/css">
body {
  cursor: url('cursor.cur'), auto;
}
</style>

Und Ihre Meinung? Sie vermissen auf dieser Seite wichtige Informationen oder haben Hinweise für uns?

Kommentare: 9 » aufmachen FischBohne: hat mir echt geholfen danke wäre noch sehr erfreut über die beschreibung wie man das crosshair auch über links setzen kann damit diese dumme hand nit auftaucht. Werner: <a href=""><span style="cursor: crosshair"> Testlink </span></a> Fabian: Ich hab nen Rätsel gemacht wo man den Text vorher merkieren muss damit man ihn lesen kann, hiermit kann man es sogar so aussehen lassen als ob da nichts wär ) Werna: Das ist ja cool. Kannte zwar vorher schon ein paar Cursor-Typen, trotzdem waren mir ein Paar neu gewesen. Vielen Dank Besucher: Echt gute Seite! Von mir gibts nen fettes Lob! Henry: Gibt es Spiezelle Programme dafür? Werner: Ups,ich muss ehrlich sagen das ich kein Programm kenne. Den Mauszeiger habe ich bereits vor zehn Jahren erstellt, aber mit welchem Programm, das weis ich leider nicht mehr! Henry: Wie setzt man einen eigenen courser als link? so?: <a href=""><span style="cursor: url('link.ani')"> Testlink </span></a> mach man das so? Werner: Ja, wenn der Cursor "link.ani" heißt. Henry: @Werner,Ist Diese Seite von dir? Wenn Ja Könntest du mir den Courser dieser seite geben? Ich Habe mich erkundigt habe shareware programm gefunden testzeit: 21 Tage.Damit Kann man curser erstellen aus normalen bildern oder Viedeos animierte Courser machen Oder SELBSTERRSTELLTE Courssser Animieren. Hier die Seite: microangelo.us Werner: Der Cursor ist von meiner alten Homepage (www.javatop.de) Hier der gewünschte Cursor in einer Zip-Datei gepackt » cursor.zip Manfred: AniTuner ist ein kostenloses Programm um Cursor zu generieren (auch animierte). Free-download unter: http://www.gdgsoft.com/anituner/ Keks: Ich möchte das crosshair für eine ganze Seite verwenden,aber ich bekomme es nur für einen Link hin .Könnte mir da jemand helfen? Werner: <style type="text/css"> body { cursor: crosshair; } </style>
Hilfe finden Sie im » netzgemein.de - Forum. Auch als „Gast” können Sie dort Fragen stellen!