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	Test
pointer	Handsymbol	Test
wait	Sanduhr	Test
help	Fragezeichen	Test
e-resize	Pfeil - rechts	Test
w-resize	Pfeil - links	Test
n-resize	Pfeil - oben	Test
nw-resize	Pfeil - links oben	Test
ne-resize	Pfeil - rechts oben	Test
text	Gerader Strich	Test
move	Kreuz mit Pfeilen	Test
default	Standard	Test
progress	Zeiger u. Sanduhr	Test
not-allowed	Nicht Erlaubt!	Test
no-drop		Test
vertical-text	Vertikales Text-Symbol	Test
all-scroll		Test
col-resize		Test
row-resize		Test

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>

Seitenanfang

Lesezeichen setzen

RSS Feed abbonieren

Hits: 823 - Bewertungen: 1


Ihr Kommentar Sie vermissen auf dieser Seite wichtige Informationen oder haben Hinweise für uns?
Kommentare: 14 » 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>

Das könnte Sie interessieren:

Farben Generator - Sehr nützlich ist dieser kleine und einfach zu bedienende Farben Generator.

JavaScript Archiv: Menues

Große Buchstaben mit CSS

PHP-JavaScript Diashow - Die Diashow liest die Bilder aus einem Verzeichnis aus und zeigt sie an.

Werbefenster mit CSS

3D Logomaker - Hier können Sie verschiedene 3D-Logos für Ihre Homepage erstellen. Probieren Sie es doch einfach aus! …mehr