Partager quelques utilisations du survol

Le sélecteur

:hover est utilisé pour sélectionner l'élément sur lequel le pointeur de la souris flotte. Le sélecteur :hover peut être utilisé sur tous les éléments, pas seulement sur les liens. Dans la définition CSS, :hover doit venir après :link et :visited (si présent) pour que le style prenne effet. Ci-dessous, nous résumerons l'utilisation de :hover :

1.Utiliser CSS3 pour créer une animation de soulignement au survol

Cet article présente principalement les étapes d'utilisation de CSS3 pour créer un soulignement au survol animations. A une très bonne valeur de référence. Jetons un coup d'œil avec l'éditeur ci-dessous

2.Introduction détaillée sur Hover Div

3.Effets CSS3 sous survol

Partage de code de plusieurs effets de CSS3 sous survol, collection de plusieurs effets de CSS3 au passage de la souris

Rotation 360° pour modifier la rotation (degré de rotation)

4.Définition et utilisation de la sélection de pseudo-classes au survol

Définissez le style d'un élément lorsque sa souris est survolée.
Les éléments E peuvent être sélectionnés via d'autres sélecteurs, tels que les sélecteurs de classe, les sélecteurs d'identifiant, les sélecteurs de type, etc.
Remarque spéciale : IE6 ne prend pas en charge ce sélecteur, mais il peut prendre en charge le :hover d'un élément, c'est-à-dire qu'il ne prend en charge que le :hover d'un élément sélectionné via le sélecteur de type.

5.Une brève discussion sur la fonction d'événement jQuery hover(over, out)

hover(over, out) ) event Fonction

Lorsque la souris se déplace sur un élément correspondant, la première fonction spécifiée sera déclenchée

Lorsque la souris sort de cet élément, la deuxième fonction spécifiée

over(function) : Fonction déclenchée lorsque la souris passe sur l'élément

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!