Создаём Мигающий Текст На Сайте

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

---

Создаём мигающий текст с помощью 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>