Teilen Sie einige Verwendungszwecke zum Schweben mit

Der

:hover-Selektor wird verwendet, um das Element auszuwählen, auf dem der Mauszeiger schwebt. Der :hover-Selektor kann für alle Elemente verwendet werden, nicht nur für Links. In der CSS-Definition muss :hover nach :link und :visited (falls vorhanden) stehen, damit der Stil wirksam wird. Nachfolgend fassen wir die Verwendung von :hover zusammen:

1.Verwenden von CSS3 zum Erstellen einer Hover-Unterstreichungsanimation

In diesem Artikel werden hauptsächlich die Schritte zur Verwendung von CSS3 zum Erstellen einer Hover-Unterstreichungsanimation vorgestellt Animation. Hat einen sehr guten Referenzwert. Werfen wir einen Blick mit dem Editor unten

2.Detaillierte Einführung in Hover-Div

3.CSS3-Effekte unter Hover

Code-Sharing mehrerer Effekte von CSS3 unter Hover, Sammlung mehrerer Effekte von CSS3, wenn die Maus darüber fährt

360°-Drehung zum Modifizieren der Drehung (Grad der Drehung)

4.Hover-Pseudoklassenauswahldefinition und -verwendung

Legen Sie den Stil eines Elements fest, wenn die Maus darüber bewegt wird.
E-Elemente können über andere Selektoren ausgewählt werden, z. B. Klassenselektoren, ID-Selektoren, Typselektoren usw.
Besonderer Hinweis: IE6 unterstützt diesen Selektor nicht, kann aber :hover des a-Elements unterstützen, d. h. es unterstützt nur :hover des a-Elements, das über den Typselektor ausgewählt wurde.

5.Eine kurze Diskussion der jQuery-Ereignisfunktion hover(over, out)

hover(over, out ) Ereignisfunktion

Wenn sich die Maus über ein passendes Element bewegt, wird die angegebene erste Funktion ausgelöst

Wenn sich die Maus aus diesem Element herausbewegt, wird die angegebene zweite Funktion

bewegt wird

Das obige ist der detaillierte Inhalt vonTeilen Sie einige Verwendungszwecke zum Schweben mit. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!