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

2792
7 из 10
Проголосовало: 4




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

Code
<link rel="shortcut icon" id="favicon_id" href="http://webo4ka.ru/Ucoz3/animachionnai_icon1.gif">  

  <script>
  setTimeout(function() {document.getElementById('favicon_id').href='http://webo4ka.ru/Ucoz3/animachionnai_icon2.gif}, 1000)
  setTimeout(function() {document.getElementById('favicon_id').href='http://webo4ka.ru/Ucoz3/animachionnai_icon3.gif'}, 2000)
  setTimeout(function() {document.getElementById('favicon_id').href="http://webo4ka.ru/Ucoz3/animachionnai_icon4.gif'}, 3000)
  setTimeout(function() {document.getElementById('favicon_id').href='http://webo4ka.ru/Ucoz3/animachionnai_icon1.gif'}, 4000) }
  </script>

В нашем коде использованы пять изображений, а вы можете использовать хоть 10, но постарайтесь использовать как можно меньше картинок, так как в анимации каждый раз загружается новая иконка и браузер может просто не выдержать (у пользователей с маленькой скоростью интернета).

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

Автор публикации: Загрузка
Загрузка
Svit107, это его n материал
Источник: http://yraaa.ru/
  • Всего комментариев: 5

gefest35
0
gefest35 написал: Написано 16 Июня 2013 в 20:39
Комментарий №4
а куда код ставить то ?7

Nexus
0
Nexus написал: Написано 17 Июня 2013 в 13:53
Комментарий №5
"<link/>" в head страницы, скрипт куда хочешь.

DJ_FORWARD
0
DJ_FORWARD написал: Написано 29 Апреля 2011 в 16:40
Комментарий №2
Это уже было

vover6
0
vover6 написал: Написано 29 Апреля 2011 в 16:14
Комментарий №1
Было

Вовчик
0
Вовчик написал: Написано 29 Апреля 2011 в 19:46
Комментарий №3
ссылку на материал дай...

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2118
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • Доп 8 станций:
    Код
    <div class="mSt"><p>Tropical</p><div data="2/trop_64">64</div><br><div data="2/trop_128">128</div><br><div data="2/trop_320">320</div></div>  
      <div class="mSt"><p>Нафталин FM</p><div data="2/naft_64">64</div><br><div data="2/naft_128">128</div><br><div data="2/naft_320">320</div></div>  
      <div class="mSt"><p>Rave FM</p><div data="2/rave_64">64</div><br><div data="2/rave_128">128</div><br><div data="2/rave_320">320</div></div>  
      <div class="mSt"><p>Gold</p><div data="2/gold_64">64</div><br><div data="2/gold_128">128</div><br><div data="2/gold_320">320</div></div>  
      <div class="mSt"><p>GOA/PSY</p><div data="2/goa_64">64</div><br><div data="2/goa_128">128</div><br><div data="2/goa_320">320</div></div>  
      <div class="mSt"><p>Minimal/Tech</p><div data="2/mini_64">64</div><br><div data="2/mini_128">128</div><br><div data="2/mini_320">320</div></div>  
      <div class="mSt"><p>House</p><div data="2/fut_64">64</div><br><div data="2/fut_128">128</div><br><div data="2/fut_320">320</div></div>  
      <div class="mSt"><p>Megamix</p><div data="2/mix_64">64</div><br><div data="2/mix_128">128</div><br><div data="2/mix_320">320</div></div>


    Fix работы радио:
    Находим: if(radUrl=="tm" || radUrl=="ps" || radUrl=="teo" || radUrl=="dc")
    Меняем на: if (radUrl == "tm" || radUrl == "ps" || radUrl == "teo" || radUrl == "dc" || radUrl == "gop")
  • CbIPoK2513 написал:
  • Мой вариант выдаёт аватарку картинкой, а не текстом.
  • waak написал:
  • и ещё забыл добавить что использую модуль каталог сайтов
  • waak написал:
  • Почему у меня он перелистывает в верх а не вниз и если это первая песня на стр то он её по кругу гоняет а не переходит к последней
    и как сделать стоп по клику на трек который играет?
  • Acht написал:
  • Тест
    Последние темы
    Опрос
    466
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 2
    Гостей: 2
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: