Идет набор персонала.
  • Страница 1 из 1
  • 1
Заставляем мигать любые элементы сайта на javascript
fAsTer | Дата: Суббота, 11.06.2011, 11:28 | Сообщение # 1
1
Группа:
 
Проверенные
Сообщений:
 
54
Награды:


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

Установка:

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

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

Quote
Здесь у нас 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>
Offline
  • Страница 1 из 1
  • 1
Поиск: