Поиск:
  • Страница 1 из 1
  • 1
Заставляем мигать любые элементы сайта на javascript для uCo
Дата: Понедельник, 23.05.2011, 22:19 | Сообщение # 1
Offline
  • Проверенный

  • _PS_AE_
  • 320 Сообщения

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

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

Code
<div id='foo'>   
  То, что будет мигать  
   </div>

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

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

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>

[TableGrey]Не забываем про +[/TableGrey]
Дата: Понедельник, 23.05.2011, 22:20 | Сообщение # 2
Offline
  • Пользователь
  • Ранг: Лейтенант
  • 79 Сообщения
Супер Забрал!
  • Страница 1 из 1
  • 1
Поиск:
Администрация проекта не несет ответственности за публикуемые материалы.
Дизайн полностью принадлежит "Up-Rise.Ru".
Дизайн сайта разработал life_man.
© 2025 Сайт управляется системой uCoz.