[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Заставляем мигать любые элементы сайта на javascript
КириешкаДата: Среда, 01.06.2011, 06:21 | Сообщение # 1
Генералиссимус
Группа: Администраторы
Сообщений: 2160
Награды: 4
Репутация: 7779
Статус: 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