Анимированная иконка сайта. Анимация Favicon
827материалов
228тем на форуме
3004комментария
6157пользователей

Анимированная иконка сайта. Анимация Favicon


Вы наверняка знаете, что у сайта есть иконка, которая выводится возле адресной строки в браузерах, но эти иконки не подвижны. Поэтому представлю Вам скрипт анимации при загрузке иконки сайта, выглядеть будет так:

Этот скрипт работает благодаря setTimeout и запускает нужный скрипт в определенное время. Вот код нашего скрипта:

Код
<link rel="shortcut icon" id="favicon_id" href="http://webmaster-ucoz.ru/favicon.ico">  
<script>
setTimeout(function() {document.getElementById('favicon_id').href='Второе изображение.gif'}, 1000)
setTimeout(function() {document.getElementById('favicon_id').href='Третее изображение.gif'}, 2000)
setTimeout(function() {document.getElementById('favicon_id').href="Четвертое изображение.gif'}, 3000)
setTimeout(function() {document.getElementById('favicon_id').href='Последнее изображение.gif'}, 4000) }
</script>
 
В нашем коде использованы пять изображений, а вы можете использовать хоть 10, но постарайтесь использовать как можно меньше картинок, так как в анимации каждый раз загружается новая иконка и браузер может просто не выдержать (у пользователей с маленькой скоростью интернета). 

Вы можете сделать в иконке бегущего человека, можете сделать просто мигающую иконку сайта, а можете сделать мерцание. Здесь выбор за Вами.

ЗАКАЗАТЬ УСТАНОВКУ

Скрипт опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о скрипте:
Дата добавления материала: 03.04.2014 в 00:07
Материал просмотрен: 851 раз
Категория материала: Скрипты для uCoz
К материалу оставлены: 3 комментария

Пожаловаться
Сказать спасибо

3 комментария


avatar
куда устанавливать этот скрипт,и куда ,просто не все знают как установить и настроить! Буду очень благодари за описание!
avatar
Ну если я не ошибаюсь то это ставится между <head> и </head>...
Ромчик
Да, все верно!
avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта