Поиск:
  • Страница 1 из 1
  • 1
Модератор форума: Senator  
Заставляем мигать любые элементы сайта на javascript
Дата: Среда, 25.05.2011, 16:54 | Сообщение # 1
Offline
  • Проверенный
  • Ранг: Генерал-майор
  • 418 Сообщения


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

Установка:

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

Code
<div id='foo'>

[Table]То, что будет мигать[/Table]
Code
</div>


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

Далее сразу после нашего элемента вставляем:[/Table]

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
Поиск:
Администрация проекта не несет ответственности за публикуемые материалы.
Дизайн полностью принадлежит "Up-Rise.Ru".
Дизайн сайта разработал life_man.
© 2024 Сайт управляется системой uCoz.