Maison  >  Article  >  interface Web  >  Comment faire clignoter du texte avec jQuery ?

Comment faire clignoter du texte avec jQuery ?

DDD
DDDoriginal
2024-11-01 15:51:31996parcourir

How to Make Text Blink with jQuery?

Faire clignoter du texte avec jQuery

Pour faire clignoter du texte dans jQuery, une bibliothèque JavaScript permettant de manipuler des éléments HTML, procédez comme suit :

<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>

Ce code utilise la méthode setInterval() pour basculer à plusieurs reprises la visibilité de l'élément avec la classe "blink" toutes les 500 millisecondes. Lorsque la visibilité est « masquée », le texte disparaît et lorsqu'il est « visible », le texte est affiché.

Pour arrêter l'effet clignotant, effacez l'intervalle à l'aide de clearInterval() et de l'ID d'intervalle qui a été renvoyé lorsque setInterval() a été appelé.

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