Beispiel
Ändern Sie den Cursor:
document.getElementById("myP").style.cursor = "pointer"; Versuch es selber " Definition und Verwendung
Die Cursor-Eigenschaftssätze oder gibt den Typ der Cursor für den Mauszeiger angezeigt werden soll.
Browser-Unterstützung
Die Cursor-Eigenschaft wird in allen gängigen Browsern unterstützt.
Syntax
Bringen Sie den Cursor Eigenschaft:
object .style.cursor
Setzen Sie den Cursor Eigenschaft:
object .style.cursor= Eigenschaftswerte Wert Beschreibung alias Der Cursor zeigt ein Alias für etwas geschaffen werden all-scroll Der Cursor zeigt an, dass etwas kann in jede Richtung gescrollt werden auto Standard. Der Browser stellt einen Cursor cell Der Cursor zeigt , dass eine Zelle (or set of cells) eine (or set of cells) ausgewählt werden kann , context-menu Der Cursor zeigt an, dass ein Kontextmenü zur Verfügung steht col-resize Der Cursor zeigt, dass die Spalte horizontal Größe verändert werden kann, copy Der Cursor zeigt etwas kopiert werden soll crosshair Der Cursor machen als Fadenkreuz default Die Standard-Cursor e-resize Der Cursor zeigt , dass eine Kante eines Kastens rechts bewegt werden soll (east) ew-resize Gibt einen bidirektionalen Resize Cursor help Der Cursor zeigt an, dass Hilfe verfügbar ist move Der Cursor zeigt etwas bewegt werden soll, n-resize Der Cursor zeigt , dass eine Kante der Schachtel wird nach oben bewegt wird (north) ne-resize Der Cursor zeigt , dass eine Kante der Schachtel werden nach oben bewegt, und rechts (north/east) nesw-resize Gibt einen bidirektionalen Resize Cursor ns-resize Gibt einen bidirektionalen Resize Cursor nw-resize Der Cursor zeigt , dass eine Kante der Schachtel werden soll , nach oben und nach links (north/west) nwse-resize Gibt einen bidirektionalen Resize Cursor no-drop Der Cursor zeigt an, dass das gezogene Element kann hier nicht gelöscht werden none Kein Cursor wird für das Element gerendert not-allowed Der Cursor zeigt an, dass die angeforderte Aktion wird nicht ausgeführt pointer Der Cursor ist ein Zeiger und zeigt einen Link progress Der Cursor zeigt an, dass das Programm beschäftigt ist (in progress) row-resize Der Cursor zeigt an, daß die Zeile vertikal Größe verändert werden kann, s-resize Der Cursor zeigt , dass eine Kante der Schachtel wird nach unten bewegt wird (south) se-resize Der Cursor zeigt , dass eine Kante der Schachtel werden nach unten bewegt, und rechts (south/east) sw-resize Der Cursor zeigt , dass eine Kante der Schachtel wird nach unten bewegt wird und nach links (south/west) text Der Cursor zeigt Text, der ausgewählt werden kann, URL Eine durch Kommata getrennte Liste von URLs, um benutzerdefinierte Cursor. Note: Immer einen allgemeinen Cursor an das Ende der Liste angeben, falls keine der URL definierten Cursors verwendet werden können vertical-text Der Cursor zeigt vertical-Text, der ausgewählt werden kann, w-resize Der Cursor zeigt , dass eine Kante eines Kastens bewegt gelassen werden (west) wait Der Cursor zeigt an, dass das Programm beschäftigt ist zoom-in Der Cursor zeigt an, dass etwas in gezoomt werden zoom-out Der Cursor zeigt an, dass etwas gezoomt werden kann initial Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang inherit Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben
Technische Details
Standardwert: Auto Rückgabewert: Ein String, die die angezeigten Mauszeiger, wenn der Mauszeiger über ein Element CSS Version CSS2
Mehr Beispiele
Beispiel
Alle lieferbaren Cursor:
var whichSelected = x.selectedIndex;
document.body.style.cursor = x.options[whichSelected].text;
Versuch es selber "
Beispiel
Gibt den Typ des Cursors:
alert(document.getElementById("myP").style.cursor);
Versuch es selber "
Verwandte Seiten
CSS - Referenz: cursor property - cursor property
<Style - Objekt