Создаём мигающий текст с помощью html тега blink

Мигающий текст может помочь вам привлечь особое внимание пользователей вашего сайта. Обычно этот метод используется для рекламных заголовков или акциях.

Но всё же это не лучший вариант привлечения внимания, так как некоторых посетителей это может "отпугнуть".

Создаётся мигающий текст, при помощи тега text-decoration с атрибутом blink

<p style="text-decoration:blink; color:#009933;">Любой текст, который должен мигать</p>

Пример мигающего текста

Этот вариант не самый лучший, так как в некоторых браузерах (Например, в Google Chrome) текст, просто-напросто не мигает и тут на помощь нам приходит jQuery.

Код будет следующим.
В начале документа подключаем JS код:

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>

<script type="text/javascript">
$(function(){
	$("#blinkingText").hide();
	setTimeout(function(){$("#blinkingText").show();setInterval(function(){$("#blinkingText").toggle();},500)},3000);
});
</script>

Теперь, чтобы вывести текст добавляем в тело документа:

<p id="blinkingText">Любой текст который должен мигать</p>

Поделитесь ссылкой если мы вам помогли!

Читайте также:

Делаем закругленные края у div блока с помощью css

Функция преобразования строчных букв на заглавные [PHP]

Заметки

Добавить комментарий:

Минимум 100 символов.
Модераторы detected!

Вы ввели сообщение длиной символов

Три + Пять ? =