Текст мигает JQuery - PullRequest
       96

Текст мигает JQuery

97 голосов
/ 22 октября 2009

Какой простой способ заставить текст мигать в jQuery и способ остановить его? Должно работать на IE, FF и Chrome. Спасибо

Ответы [ 33 ]

0 голосов
/ 20 июля 2012

Некоторые из этих ответов довольно сложны, это немного проще:

$.fn.blink = function(time) {
    var time = typeof time == 'undefined' ? 200 : time;
    this.hide(0).delay(time).show(0);
}

$('#msg').blink();
0 голосов
/ 22 марта 2018

Этот код эффективно заставит элемент (ы) мигать , не касаясь макета (как это сделает fadeIn().fadeOut()), просто воздействуя на непрозрачность; Там вы идете, мигающий текст; пригодный для добра и зла :)

setInterval(function() {
  $('.blink').animate({ opacity: 1 }, 400).animate({ opacity: 0 }, 600);
}, 800);
0 голосов
/ 08 октября 2012

на основе алексейской идеи

$('#selector').blink();

$.fn.blink = function(options) {    
    options = $.extend({}, {'speed' : 800}, options);

    var elem = this;
    setInterval(function() {
        if (!elem.is(':visible')) {
            elem.show();
        } else {
            elem.hide();
        }    
    }, options.speed);      
}   
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...