Effet de scintillement contrôlé par CSS_CSS/HTML

Un morceau de texte ou une image est entouré d'un halo. Ce halo clignote une fois par seconde lorsque la souris est déplacée dessus, il arrête immédiatement de clignoter, et lorsque la souris est éloignée, il continue de clignoter. Cet effet est utilisé pour le contenu qui nécessite une attention particulière de la part des autres (comme les avertissements, les rapports de nouveau contenu, etc.) et peut obtenir de meilleurs résultats.

L'exemple ci-dessus peut obtenir l'effet ci-dessus. Puisqu'il s'agit d'une image capturée, l'effet dynamique ne peut pas être vu. Suivez simplement la méthode présentée ci-dessous et essayez. L'effet sera clair en un coup d'œil. L'idée de production est la suivante : utilisez le filtre CSS "Glow" pour produire un effet de halo, utilisez les propriétés changeantes dynamiquement de CSS et utilisez un petit programme JavaScript pour modifier la valeur de la propriété chaque seconde afin d'obtenir un effet de scintillement. Utilisez ensuite deux événements (. onmouseover et onmouseout) pour appeler le programme Javascript pour contrôler s'il faut scintiller.

Méthode de production :

1. Créez un filtre Glow. Pour savoir comment configurer les filtres CSS, veuillez vous référer à l'article correspondant sur « Conseils d'application des filtres CSS ». Cela ne sera pas répété ici. Pour les internautes qui n'utilisent pas Dreamweaver, veuillez copier le code suivant entre 〈head〉 et 〈/head〉 du code source de la page Web :

　〈style type="text/css"〉