HTML-Maus-CSS-Steuerung

HTML-Maus-CSS-Steuerung
Im Allgemeinen wird die Maus als nach oben gerichteter Pfeil angezeigt. Wenn Sie sie über einen Text bewegen, ändert sich die Darstellung in eine vertikale Linie mit Spitze, und wenn Sie sie über einen Hyperlink bewegen, nimmt sie die Form einer Hand an. Mit CSS lässt sich jedoch die Anzeigewirkung der Maus steuern. So kann die Maus beispielsweise die Form einer Hand annehmen, wenn sie über normalen Text bewegt wird.
Die Syntax zur Steuerung mit CSS lautet wie folgt:
<span style="cursor:*">Text oder andere Seitenelemente</span>
Ersetzen Sie * durch einen der folgenden 15 Effekte:
Hand, Fadenkreuz, Text, Warten, Standard, Hilfe, E-Größenänderung, Ne-Größenänderung, N-Größenänderung, NW-Größenänderung, W-Größenänderung, SW-Größenänderung, S-Größenänderung, Se-Größenänderung und Auto.

Nachfolgend finden Sie eine Erläuterung zu jedem der 15 Effekte. Bewegen Sie Ihre Maus über die Erklärung und sehen Sie, was mit Ihrer Maus passiert!
Hand ist die Handform
Das Fadenkreuz ist ein Kreuz
Text ist der Effekt der Bewegung zum Text
Warten ist die Wirkung des Wartens
default ist der Standardeffekt
Hilfe ist ein Fragezeichen
e-size ist ein nach rechts zeigender Pfeil
ne-resize ist ein Pfeil nach oben rechts
n-resize ist ein nach oben gerichteter Pfeil
nw-resize ist ein Pfeil nach oben links
w-resize ist ein Pfeil nach links
sw-resize ist der untere linke Pfeil
s-resize ist der nach unten gerichtete Pfeil
se-resize ist der Pfeil nach unten rechts
auto ist das System gibt automatisch den Effekt

<<:  Welche Vorteile bietet die Verwendung des B+-Baumindex in MySQL?

>>:  So handhaben Sie den Token-Ablauf in WeChat-Miniprogrammen

Artikel empfehlen

So führen Sie .sh-Dateien im Linux-System aus

Es gibt zwei Möglichkeiten, .sh-Dateien im Linux-...

Besser aussehende benutzerdefinierte CSS-Stile (Titel h1 h2 h3)

Rendern Häufig verwendete Stile im Blog Garden /*...

So installieren Sie OpenSuse auf Virtualbox

Die virtuelle Maschine wird auf dem Hostcomputer ...

In JavaScript integrierter Zeit- und Datumsformatierungsbeispielcode

1. Grundkenntnisse (Methoden von Datumsobjekten) ...

So implementieren Sie Hot Deployment und Hot Start in Eclipse/Tomcat

1. Hot Deployment: Das bedeutet, das gesamte Proj...

Der Unterschied und die Verwendung von Datum/Uhrzeit und Zeitstempel in MySQL

1. Wie wird die aktuelle Uhrzeit in MySQL dargest...

Ein Artikel bringt Ihnen die Vererbung von JS-Funktionen bei

Inhaltsverzeichnis 1. Einleitung: 2. Vererbung de...

Schnelle und sichere Methode zum Umbenennen einer MySQL-Datenbank (3 Arten)

Inhaltsverzeichnis So benennen Sie eine MySQL-Dat...

Detaillierte Erklärung der allgemeinen Verwendung von MySQL-Abfragebedingungen

Dieser Artikel veranschaulicht anhand von Beispie...

Analyse des GTK-Treeview-Prinzips und der Verwendung

Die GtkTreeView-Komponente ist eine erweiterte Ko...

Erläuterung der Konfiguration und Verwendung der MySQL-Speicher-Engine InnoDB

MyISAM und InnoDB sind die gängigsten Speicher-En...

Beispielcode für die Master-Slave-Trennung einer MySQL-Datenbank

einführen Durch das Einrichten einer Lese-/Schrei...