Приветствую Вас, Гость! Регистрация RSS

Мой сайт

Вторник, 07.05.2024
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Система uCoz » Другие скрипты для uCoz » Заставляем мигать любые элементы сайта на javascript
Заставляем мигать любые элементы сайта на javascript
Четверг, 02.06.2011, 01:24 | Сообщение # 1
Ушёл =====> :D :D :D
Сообщений:
276
Награды:
Замечания:
Статус:


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

Установка:

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

Code
<div id='foo'>
То, что будет мигать
</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>
        
Сообщение


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

Установка:

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

Code
<div id='foo'>
То, что будет мигать
</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>

Автор - BoJIk
Дата добавления - 02.06.2011 в 01:24
Форум » Система uCoz » Другие скрипты для uCoz » Заставляем мигать любые элементы сайта на javascript
  • Страница 1 из 1
  • 1
Поиск: