Главная » Файлы » Прочие скрипты » Яваскрипты |
Заставляем мигать любые элементы сайта на 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 | |
Просмотров: 483 | Загрузок: 0 | |
Всего комментариев: 0 | |
| |