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

Schreiben Sie einen formellen Blog mit XHTML CSS

Der vollständige Name von Blog sollte Weblog sein...

So ändern Sie schnell das Hostattribut eines MySQL-Benutzers

Wenn Sie sich remote bei MySQL anmelden, gelten f...

Lösung zur Codeaufteilung im Vue-Projekt

Inhaltsverzeichnis Hintergrund Zweck Vor der Spal...

So aktualisieren Sie Ubuntu 20.04 LTS unter Windows 10

23. April 2020: Heute können Sie mit Ubuntu 20.04...

Lösungen für ungültige Nullsegmentbeurteilungen und IFNULL()-Fehler in MySql

MySql Nullfeldbeurteilung und IFNULL-Fehlerverarb...

Eine vollständige Anleitung zum Löschen von Floats in CSS (Zusammenfassung)

1. Übergeordnetes Div definiert Pseudoklassen: af...

Flexibles Boxmodell von CSS und CSS3 zur Anpassung der Elementbreite (-höhe)

1. CSS realisiert eine feste Breite links und ein...

JavaScript-Canvas zum Erzielen von Regentropfeneffekten

In diesem Artikelbeispiel wird der spezifische Co...

So stellen Sie MySQL-Master und -Slave in Docker bereit

Bild herunterladen Auswählen eines MySQL-Images D...

Detaillierte Erklärung zum MySQL-Datenarchivierungstool mysql_archiver

Inhaltsverzeichnis I. Überblick 2. pt-archiver Ha...