[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Заставляем мигать любые элементы сайта на javascript
CEZARДата: Воскресенье, 05.06.2011, 14:58 | Сообщение # 1
Генерал-майор
Группа: Проверенные
Сообщений: 460
Награды: 1
Репутация: 17
Статус: Offline


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

Установка:

Элемент, которому необходимо применить мигание, прописывается следующим образом

Code
<div id='foo'>  
  То, что будет мигать  
  </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>
 
  • Страница 1 из 1
  • 1
Поиск:

Copyright life-ucoz.my1.ri ©Life-uCoz.my1.ru
Бесплатный конструктор сайтовuCoz