Maison  >  Article  >  interface Web  >  Comment réaliser une animation de clignotement de texte avec jQuery ?

Comment réaliser une animation de clignotement de texte avec jQuery ?

Mary-Kate Olsen
Mary-Kate Olsenoriginal
2024-10-30 08:36:27562parcourir

How to Achieve Text Blink Animation with jQuery?

Réalisation d'une animation de clignotement de texte avec jQuery

Dans cette requête, nous recherchons une méthode simple mais efficace pour créer un effet de texte clignotant à l'aide de jQuery. De plus, cet effet devrait être compatible avec plusieurs navigateurs, dont Internet Explorer, Firefox et Chrome.

Solution :

Au lieu de s'appuyer sur un plugin spécifique, un plus une approche simple est fournie ci-dessous :

<code class="javascript">$('.blink').each(function() {
    var elem = $(this);
    setInterval(function() {
        if (elem.css('visibility') == 'hidden') {
            elem.css('visibility', 'visible');
        } else {
            elem.css('visibility', 'hidden');
        }    
    }, 500);
});</code>

Explication :

Cette solution parcourt chaque élément avec la classe "blink" et définit un intervalle pour basculer la propriété de visibilité de l'élément. A intervalles réguliers (500 millisecondes dans cet exemple), la visibilité est réglée sur masquée ou visible, créant l'effet clignotant.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn