Мигающий заголовок страницы <title> на JavaScript

Раздел языка JavaScript.
Аватара пользователя
Slash
Администратор
Сообщения: 2028
Поблагодарили: 62 раза

Мигающий заголовок страницы <title> на JavaScript

Сообщение Slash » Ср мар 27, 2013 4:06 pm

В Одноклассниках.Ру при получении нового личного сообщения начинает мигать заголовок страницы - оповещать о поступлении ЛС. Согласитесь сразу бросается в глаза такое обращение...

Делаем заголовок страницы мигающим.
Между тегами <head> и </head> вставляем заголовок страницы, который должен быть, например:

Код: Выделить всё

<title>Заголовок страницы</title>

Перед закрывающимся тегом body, вставляем следующий код:

Код: Выделить всё

<script type="text/javascript">
var replacement = 'Текст, который меняет название заголовка';
var heading     = document.title;
setInterval(function() {
    if (document.title == heading) {
        document.title = replacement;
    } 
    else 
{
        document.title = heading;
    };
},
 800);
</script>

Увеличит или уменьшить время замены заголовка можно изменив значение 800 (миллисекунды), изменив число 800 на нужное Вам.
Изменить заменяемый заголовок на свой - Текст, который меняет название заголовка.
Реклама

Вернуться в «JavaScript»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость