Данный скрипт позволяет мигать любые элементы сайта. Очень удобно использовать для уведомления о новых сообщениях. Особенность данного скрипта в том, что мигание прекращается при наведении курсора мышки на мигающий элемент и вновь запускается пр отведении курсора
P.S. Огромную благодарность выражаю сайту helper за помощь в реализации задумки (В частности, пользователю exec)
Установка:
Элемент, которому необходимо применить мигание, прописывается следующим образом (В нашем случае это картинка):
Code
<div id='foo'>
<img src="Ссылка на картинку" border="0" />
</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>
Источник: http://helper.ucoz.ru
Ссылка на источник материала.
