Открыть меню    

Как сделать мерцающий текст на javascript или jQuery

Чтобы сделать текст или элемент мерцающим, подключите в ваш файл нижеприведенный небольшой фрагмент кода jQuery.

jQuery


    function blink(selector){
    $(selector).fadeOut(600, function(){
    $(this).fadeIn(900, function(){
    blink(this);
    });
    });
    }

    $(document).ready(function(){
    blink('.blink');
    });

Похожий эффект мерцания текста реализован на javascript:

javascript


    function blink(elId){
    var html = '';
    if(document.all){
    html += 'var bl = document.all.' + elId + ';';
    }
    else if(document.getElementById){
    html += 'var bl = document.getElementById("' + elId + '");';
    }
    html += 'bl.style.visibility = ' + 'bl.style.visibility == "hidden" ? "visible" : "hidden"';
    if(document.all || document.getElementById){
    setInterval(html, 600);
    }
    }

    blink('Text');
Мерцающий текст!

Два нижеприведенных небольших фрагмента кода позволят вам <реализовать мерцающий текст.

Комментарии к статье

аватарка пользователя
2013-12-22
Сергей

Здорово! Спасибо! Первый вариант очень подошёл.

аватарка пользователя
2013-12-22
Сергей

Правда пришлось по экспериментировать с порядком загрузки скриптов. Отключалась другая функция на jquery - древовидное меню.

Добавить комментарий к сниппету