Пятница, 18.07.2025, 22:52:1

Реклама:

  • Страница 1 из 1
  • 1
Модератор форума: Accent  
Заставляем мигать любые элементы сайта на javascript
DaZmaRДата: Вторник, 24.05.2011, 20:51 | Сообщение # 1

Гость
Сообщений: 11
Награды: 0
Репутация: 0
Замечания: 0%
Скрин: http://i073.radikal.ru/1105/b7/562238d21db7.gif
Данный скрипт позволяет мигать любые элементы сайта. Очень удобно использовать для уведомления о новых сообщениях. Особенность данного скрипта в том, что мигание прекращается при наведении курсора мышки на мигающий элемент и вновь запускается пр отведении курсора

Установка:

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

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>
KaMuKag3eДата: Вторник, 24.05.2011, 23:40 | Сообщение # 2

Гость
Сообщений: 49
Награды: 3
Репутация: 32
Замечания: 20%
Спасибо , большое

  • Страница 1 из 1
  • 1
Поиск:


Sitemap , Urllist.txt , RSS © Все права защищены Сайт оптимизирован под браузер FireFox Mozilla. SiteMap | SiteMap Forum.
Дизайн данного сайта полностью принадлежит администратору. Хостинг от uCoz