Главная » Файлы » Прочие скрипты » Яваскрипты

Заставляем мигать любые элементы сайта на javascript by helper для uCoz
23.06.14, 12:05:22



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

P.S. Огромную благодарность выражаю сайту helper за помощь в реализации задумки (В частности, пользователю exec)

Установка:

Элемент, которому необходимо применить мигание, прописывается следующим образом (В нашем случае это картинка):
Код
<div id='foo'>  
  <img src="Ссылка на картинку" border="0" />  
  </div>


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

Далее сразу после нашего элемента вставляем:
Код
<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

Материал подготовлен Apocalypse

Категория: Яваскрипты | Добавил: Apocalypse | Теги: JavaScript, любые, Заставляем, элементы, by, на, Helper, для, сайта, Мигать
Просмотров: 392 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: