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
Zusammenfassung der allgemeinen Docker-Befehle und Tipps
Installationsskript Ubuntu / CentOS Es scheint ei...
Tipps zur Verwendung von Frameset zum Zentrieren des Breitbilds
Code kopieren Der Code lautet wie folgt: <fram...
HTML-Grundstruktur_Powernode Java Academy
Wenn wir lernen, Webseiten zu entwickeln, ist das...
So wechseln Sie in Linux effizient zwischen Verzeichnissen
Wenn es um den Verzeichniswechsel unter Linux geh...
Legen Sie den Standardtext des Suchfelds fest. Der Standardtext verschwindet, wenn mit der Maus geklickt wird.
Code kopieren Der Code lautet wie folgt: <inpu...
So erstellen Sie ein responsives Säulendiagramm mit dem CSS-Rasterlayout
Ich spiele jetzt schon eine Weile mit Diagrammen ...
10 inhaltliche Prinzipien zur Verbesserung der Website-Performance
<br />Englische Adresse: http://developer.ya...
Vue implementiert die richtige Slide-Out-Layer-Animation
In diesem Artikelbeispiel wird der spezifische Co...
Details zum Vue Page Stack Manager
Inhaltsverzeichnis 2. Bewährte Methoden 2.1 Am Le...
Analyse des Prozesses zur Konfiguration des Alibaba Cloud-Proxy-Warehouses basierend auf Nexus
Das Standard-Remote-Repository von Nexus ist http...
Detaillierte Erklärung und Zusammenfassung der URL zur Datenbankverbindung
Detaillierte Erklärung und Zusammenfassung der UR...
Grundkenntnisse zu MySQL – Lernhinweise
Datenbank anzeigen show databases; Erstellen eine...
So führen Sie ein Projekt mit Docker aus
1. Geben Sie das Verzeichnis ein, in dem Ihr Proj...
JavaScript+HTML zur Implementierung eines Studenteninformationsmanagementsystems
Inhaltsverzeichnis 1. Einleitung 2. Rendern 3. Co...
Lösen Sie das Problem des MySQL Threads_running-Surge und der langsamen Abfrage
Inhaltsverzeichnis Hintergrund Problembeschreibun...