09:11
ОбновитьСмайлыУправление мини-чатом
Вы вошли как Гость | Группа "Гости" | RSS

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » Скрипты для сайта Ucoz » Скрипты Ucoz » Заставляем мигать любые элементы сайта для uCoz (Заставляем мигать любые элементы сайта)
Заставляем мигать любые элементы сайта для uCoz
AmazonkaДата: Суббота, 19.02.2011, 17:16 | Сообщение # 1
Майор
Группа: Администраторы
Сообщений: 37
[ ]
Offline

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

P.S. Огромную благодарность выражаю сайту helper за помощь в реализации задумки (В частности, пользователю exec)

Установка:

Элемент, которому необходимо применить мигание, прописывается следующим образом (В нашем случае это картинка):

Code

<div id='foo'>
<img src="Ссылка на картинку" border="0" />
</div>

Здесь у нас foo - уникальный ID, который должен быть разным для различных элементов

Далее сразу после нашего элемента вставляем:

Code

<script type='text/javascript'>
   function startAnim(element, time) {
   element.animTimer = setInterval(function () {
   if (element.style.display == "none")
   element.style.display = "";
   else
   element.style.display = "none";
   }, time);
   }
   function stopAnim(element) {
   clearInterval(element.animTimer);
   }
   startAnim(document.getElementById("foo"), 500);
   document.getElementById("foo").onmouseover = function () {
   stopAnim(this);
   };
   document.getElementById("foo").onmouseout = function () {
   startAnim(this, 500);
   };
</script>

Источник: http://helper.ucoz.ru

Ссылка на источник материала.

Форум » Скрипты для сайта Ucoz » Скрипты Ucoz » Заставляем мигать любые элементы сайта для uCoz (Заставляем мигать любые элементы сайта)
Страница 1 из 11
Поиск:

Сделать бесплатный сайт с uCoz

www.owi.3dn.ru © Все права защищены! 2010-2011 Сайт оптимизирован под разрешение экрана 1280х1024 и браузеры Mozila Firefox
Загрузка...